Javascript 向下滚动时在顶部浏览器的固定模式下进行div 我有一个div元素,它不是在顶部,而是在页面的中间。 当我向下滚动到它时,我希望它固定在浏览器的顶部。 我怎样才能做到这一点?特别是它的活动。 谢谢。
您必须为该div编写一个CSS类,在该类中您应该使用CSS属性,如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;
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的小于或大于一个值,然后执行您的工作如何区分上下滚动?