Jquery Scroller需要在到达结束后停止滚动

Question

我在我的一个网站上使用滚动条。当我单击向下箭头将滚动条滚动到最后时，10:00 PM到达。再次，如果我单击向下箭头，滚动条再次向上移动，整个内容消失。如果到达结束时间[Here 10:00 PM]，我想停止向下箭头工作。

点击向上箭头时会出现同样的问题。我们试图解决这个问题，但没有成功。

Jsfiddle链接：http://jsfiddle.net/Xh59R/3/

图片附近。

提前致谢。

Answer 1

检查以下jsfiddle链接... http://jsfiddle.net/Xh59R/8/

如需下一个按钮，请点击..

$scrollerNextButton.click(function(e){

//PUT THESE AT END
var divMargnTop=parseInt(document.getElementById("DemoShowHide").style.top);
var divMaxTopAllowed=parseInt(-1600);
if(divMargnTop<=divMaxTopAllowed)
{
$scrollerNextButton.stop().hide("fast");
}
});

对于上一个按钮，请单击..

var divMinMargnTop=parseInt(document.getElementById("DemoShowHide").style.top);
var divMinMaxTopAllowed=parseInt(0);
if(divMinMargnTop>=divMinMaxTopAllowed)
{
    $scrollerPrevButton.stop().hide("fast");
}

http://jsfiddle.net/Xh59R/8/

Answer 2

我认为你可以使用这样的东西：

$scrollerNextButton.click(function (e) {
    var lines = $("div[style*='width:100%']");
    var total = lines.outerHeight(true) * lines.length;
    if ($scroller.position().top > total) {
        $scrollerNextButton.stop().hide("fast");
    }
});