jQuery使用两个按钮上下滚动div

时间:2011-11-30 16:06:26

标签: jquery

我有一个简单的两个按钮,当悬停时应该使div上下移动以模拟滚动效果:

$("#down").hover(function () {

    $('.scroll').animate({ "marginTop": "-=50px" }, "fast");

});

$("#up").hover(function () {

    $('.scroll').animate({ "marginTop": "+=50px" }, "fast");

});

但是我有两个问题:

1。)我需要它在它结束时停止然后隐藏按钮以便他们知道它们已经到达终点

2。)当用户将鼠标悬停在目标上时,它需要不断滚动,目前它只在鼠标悬停时执行一次,然后在鼠标离开时再次运行。

3.如果内容未超过父元素高度,则隐藏两个按钮,因为我们不需要滚动它。

有人可以帮忙吗?

我想也许可以通过找出滚动面板的高度并判断其偏移到其父元素来解决它并创建框架视图?

由于

1 个答案:

答案 0 :(得分:0)

我已经编写了适合您需求的jQuery插件jquery.scrollbuttons。它有page on githubexamples page

插件不会做的唯一事情就是在滚动完成时隐藏按钮。如果您仍然需要此功能,我可以轻松添加它。