Javascript 向下滚动时在顶部浏览器的固定模式下进行div 我有一个div元素,它不是在顶部,而是在页面的中间。 当我向下滚动到它时,我希望它固定在浏览器的顶部。 我怎样才能做到这一点?特别是它的活动。 谢谢。

Javascript 向下滚动时在顶部浏览器的固定模式下进行div 我有一个div元素,它不是在顶部,而是在页面的中间。 当我向下滚动到它时,我希望它固定在浏览器的顶部。 我怎样才能做到这一点?特别是它的活动。 谢谢。,javascript,css,Javascript,Css,您必须为该div编写一个CSS类,在该类中您应该使用CSS属性,如 position:fixed top:0; left:0 使用position:fixed,这是一个CSS作品您可以添加我喜欢的内容 $(document).ready(function() { $(window).scroll(function() { // write code to move the div. var top = $("#mydiv").offset().top;

您必须为该div编写一个CSS类,在该类中您应该使用CSS属性,如

position:fixed
top:0;
left:0

使用position:fixed,这是一个CSS作品

您可以添加我喜欢的内容

$(document).ready(function() {
    $(window).scroll(function() {
      // write code to move the div.
     var top = $("#mydiv").offset().top;
     var left = $("#mydiv").offset().left;
    });
});
 .notification-box {
      position: fixed;
       top:20px;
       right:20px;
       width:300px;
           border-radius: 8px 8px 8px 8px;
           z-index:99;
       }

你可以这样做

演示

给出要滚动的位置


注意虽然不知道这是否是最好的方法

但你可以这样写:

$(window).scroll(function(){
    var scrollTop = $(window).scrollTop(); 
    if(scrollTop>150){
        $('.middle').css({'position': 'fixed', 'top': '0'});
    }
});​

检查此项

我如何才能捕捉到它的活动?我不希望它从一开始就被修复,我只希望它在向下滚动到div元素时得到修复。那么,当你向下滚动页面时,你必须更改某些css属性。在javascript中,您可以很容易地检测到页面上滚动了多少像素,然后启动一个函数将div位置更改为fixed和top,比如100。最初,您的css类不应该包括position fixed,使用position absolute,当您启动该函数时,将该div的css属性更改为fixed。。在滚动之前,类应该是绝对位置,顶部和左侧为0,滚动之后css应该是固定位置,顶部为100,左侧为0。@UmairP,我可以使用jQuery,是否有滚动事件?这有帮助吗?如何获取某个div的顶部位置和窗口的顶部位置,以便在向下滚动时知道何时到达div?代码已编辑。。。不必担心窗口位置,它总是一样的。我不需要检查它何时等于窗口吗?是的,只需查找div off的小于或大于一个值,然后执行您的工作如何区分上下滚动?