Javascript 如何知道div水平滚动何时结束
我真正想要实现的是检测一个div何时滚动到末尾,从而将其返回到div的开头。当div自动滚动时,我想将left设置为0,从而返回到div的开头,当div由prev和next按钮控制时,在到达左端时停止,在到达右端时停止。但是我所能做到的就是将它左右滚动,但当它结束时可以停止,任何关于如何做的帮助都将不胜感激,谢谢Javascript 如何知道div水平滚动何时结束,javascript,jquery,Javascript,Jquery,我真正想要实现的是检测一个div何时滚动到末尾,从而将其返回到div的开头。当div自动滚动时,我想将left设置为0,从而返回到div的开头,当div由prev和next按钮控制时,在到达左端时停止,在到达右端时停止。但是我所能做到的就是将它左右滚动,但当它结束时可以停止,任何关于如何做的帮助都将不胜感激,谢谢 var sliderWidth = $(".dialyDealSlider").width(); var ddslider = $(".dialyDealSlider"); v
var sliderWidth = $(".dialyDealSlider").width();
var ddslider = $(".dialyDealSlider");
var BoxWidth = $(".dialyDealBox").width();
$(".ddslider-prev").click(function() {
//alert(BoxWidth);
var leftPos = ddslider.scrollLeft();
var newWidth = leftPos - BoxWidth;
alert(BoxWidth);
ddslider.animate({
left: "-=" + newWidth + "px"
}, 800);
});
$(".ddslider-next").click(function() {
//alert('next');
var leftPos = ddslider.scrollLeft();
var newWidth = leftPos + BoxWidth;
alert(newWidth);
ddslider.animate({
left: "-=" + newWidth + "px"
}, 800);
});
dailyDeal();
function dailyDeal(finalWidth) {
var timer;
clearTimeout(timer);
scrollWidth = $(".dialyDealBox").width();
leftPosi = $(".dialyDealSlider").scrollLeft();
scrollWidth = leftPosi + scrollWidth;
$(".dialyDealSlider").animate({
left: "-=" + scrollWidth + "px"
}, 800);
timer = setTimeout(dailyDeal, 3000);
}
JS FIDDLE以下是我认为您正在寻找的两个示例: 这两种方法都非常明确,可以帮助您实现这一目标 第一个链接中的代码:
<script type="text/javascript">
function scrolled(o)
{
//visible height + pixel scrolled = total height
if(o.offsetHeight + o.scrollTop == o.scrollHeight)
{
alert("End");
}
}
</script>
函数滚动(o)
{
//可见高度+滚动像素=总高度
如果(o.offsetHeight+o.scrollTop==o.scrollHeight)
{
警报(“结束”);
}
}