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