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

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

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

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

图片attatched。

在这里输入图像描述

提前致谢。


检查下面的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/


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

$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");
    }
});
链接地址: http://www.djcxy.com/p/20935.html

上一篇: Jquery Scroller needs to stop scrolling after reaching end

下一篇: How do I add a custom method to a restangular service?