最近、関数で処理しようとしましたhttp://jsfiddle.net/jungliized/vJdCD/、
jQuery(document).ready(function($) {
$(".page_up").click(function() {
if (contentPage > 1) {
contentPage--;
$(".pageContent").animate({
"margin-top" : "+=160px"
}, "fast",function() {
setPageArrows();
});
}
});
$(".page_down").click(function() {
if (contentPage < contentPages) {
contentPage++;
$(".pageContent").animate({
"margin-top" : "-=160px"
}, "fast",function() {
setPageArrows();
});
}
});
setPageArrows();
});
しかし、CSSのみを使用してマウススクロールオプションを追加する方法がわかりません。オーバーフローの追加: 自動; プロパティは、div が最上位にある場合にのみ使用できます。追加されたボタンを使用して下にスクロールすると、マウスを使用してスクロールする可能性がなくなります。誰でもアイデアはありますか?このタスクで jQuery を使用する必要はありますか?
ところで、スクロール バーを取り除き、ボタンとマウス スクロールのみを残す必要があります。
編集
気にしないで、目的の効果を得るためにjScrollPaneプラグインを使用しました。ありがとう。