jQuery垂直列表滑块不会重复多次
-
26-09-2020 - |
题
我有一个垂直滑块,除了需要滚动多次时,效果很好。
这是代码
$(document).ready(function() {
var speed = 1050;
var elementHeight = 106;
var countElements = $('#portfolio-navigation ul li');
var numberElements = countElements.length;
var totalHeight = numberElements * elementHeight;
var containerHeight = 742;
var currentPlace = elementHeight * 7;
var currentDifference = 0;
$("#up").addClass("nogo");
$("#down").click(function(event) {
$("#down").addClass("nogo");
$("#up").removeClass("nogo");
event.preventDefault();
if (currentPlace >= totalHeight) {
} else { // Ellers, continue!
currentPlace += elementHeight;
currentDifference += elementHeight;
$("#portfolio-navigation ul").animate({ top: "-510px"}, speed );
}
});
$("#up").click(function(event) {
$("#down").removeClass("nogo");
$("#up").addClass("nogo");
event.preventDefault();
if (currentPlace <= containerHeight) {
} else { // Ellers, continue!
currentPlace -= elementHeight;
currentDifference -= elementHeight;
$("#portfolio-navigation ul").animate({ top: 0 + "px"}, speed );
}
});
});
.
我希望能够使滑块滚动多次。
任何想法?
欢呼声 nik
解决方案
我不确定我理解你的问题,但通常你想要向上和向下将UL转移到它到达列表的末尾。当您有固定高度的容器时,这很容易。只需在下一个按钮上减去510px,而不是将其设置为-510px。在此之后,使用您的总Height和ContainerHeight变量来弄清楚何时禁用按钮(我建议使用if / else)语句而不是添加和删除类)。
不隶属于 StackOverflow