Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何知道div水平滚动何时结束_Javascript_Jquery - Fatal编程技术网

Javascript 如何知道div水平滚动何时结束

Javascript 如何知道div水平滚动何时结束,javascript,jquery,Javascript,Jquery,我真正想要实现的是检测一个div何时滚动到末尾,从而将其返回到div的开头。当div自动滚动时,我想将left设置为0,从而返回到div的开头,当div由prev和next按钮控制时,在到达左端时停止,在到达右端时停止。但是我所能做到的就是将它左右滚动,但当它结束时可以停止,任何关于如何做的帮助都将不胜感激,谢谢 var sliderWidth = $(".dialyDealSlider").width(); var ddslider = $(".dialyDealSlider"); v

我真正想要实现的是检测一个div何时滚动到末尾,从而将其返回到div的开头。当div自动滚动时,我想将left设置为0,从而返回到div的开头,当div由prev和next按钮控制时,在到达左端时停止,在到达右端时停止。但是我所能做到的就是将它左右滚动,但当它结束时可以停止,任何关于如何做的帮助都将不胜感激,谢谢

 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)
{
警报(“结束”);
}
}