Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.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_Html_Css - Fatal编程技术网

Javascript 向下滚动到特殊div

Javascript 向下滚动到特殊div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试制作一个简单的jQuery插件,它可以向下滚动页面,直到页面到达特殊的div,比如#stopscroll。我有一个简单的jQuery插件,可以在特殊大小上停止滚动: $(window).scroll(checkscroll); function checkscroll(){ var top = $(window).scrollTop(); if(top > 300){ $('#share_box

我正在尝试制作一个简单的jQuery插件,它可以向下滚动页面,直到页面到达特殊的div,比如
#stopscroll
。我有一个简单的jQuery插件,可以在特殊大小上停止滚动:

 $(window).scroll(checkscroll);  


      function checkscroll(){
          var top = $(window).scrollTop();
          if(top > 300){
            $('#share_box').fadeOut('slow');
          }else{
            $('#share_box').fadeIn('slow');
          }
      }

   checkscroll();

如何使它滚动到一个特殊的div,而不是滚动指定的大小?当div
#sharebox
到达
#stopscroll
时,我希望它停止滚动。我不知道我是否理解您的问题是否正确,但我想我之前也遇到过同样的问题。我是这样修复的:

$(document).ready(function() {

    /** HIDE MENU **/
    $(".menu").css("margin-top", "-88px");
    var mustSlideDown = true;
    var mustSlideUp = false;
    $(window).scroll(function() {

        var verschil = ($(window).scrollTop() / 5);

        if (verschil > 40 && mustSlideDown)  {

            $('.menu').animate({'margin-top': '0px' }, {duration: 500, queue: false});
            mustSlideDown = false;
            mustSlideUp = true;
        }
        else if (verschil < 40 && mustSlideUp) {

            $('.menu').animate({'margin-top': '-88px' }, {duration: 500, queue: false});
            mustSlideUp = false;
            mustSlideDown = true;
        }
    });

});
$(文档).ready(函数(){
/**隐藏菜单**/
$(“.menu”).css(“页边距顶部”,“-88px”);
var mustSlideDown=true;
var mustSlideUp=false;
$(窗口)。滚动(函数(){
var verschil=($(窗口).scrollTop()/5);
如果(verschil>40&&mustSlideDown){
$('.menu').animate({'margin-top':'0px'},{duration:500,queue:false});
mustSlideDown=false;
mustSlideUp=true;
}
否则如果(verschil<40&&mustSlideUp){
$('.menu').animate({'margin-top':'-88px'},{duration:500,queue:false});
mustSlideUp=false;
mustSlideDown=true;
}
});
});

你的英语水平不高,但也许你正在寻找这个-

Window.location='#scollDiv';

没有你的英语,可能创建一个小提琴?我想做的是向下滚动,直到#共享#框到达div#停止滚动,然后停止滚动。谢谢你的回答,很抱歉我的英语不好:)