使用js或jq控制一个div，当滚动到页面顶部的时候固定在顶部，离开可继续滚动吗？

JavaScript011

使用js或jq控制一个div，当滚动到页面顶部的时候固定在顶部，离开可继续滚动吗？,第1张

代码：\x0d\x0a•$(function(){\x0d\x0a\x0d\x0a•//获取要定位元素距离浏览器顶部的距离\x0d\x0a\x0d\x0a•var navH = $(".nav").offset().top\x0d\x0a\x0d\x0a•//滚动条事件\x0d\x0a\x0d\x0a•$(window).scroll(function(){\x0d\x0a\x0d\x0a•//获取滚动条的滑动距离\x0d\x0a\x0d\x0a•var scroH = $(this).scrollTop()\x0d\x0a\x0d\x0a•//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定\x0d\x0a\x0d\x0a•if(scroH>=navH){\x0d\x0a\x0d\x0a•$(".nav").css({"position":"fixed","top":0})\x0d\x0a\x0d\x0a•}else if(scroH 回答于 2022-11-16

可以设置定高定宽停顿，把文字改成图片就行。通过css定位，来设置div在页面滚动中固定不动，CSSposition定位属性static元素框正常生产relative相对定位：相对于正常定位进行偏移absolute绝对定位：相对于其包含块定位.因为绝对定位的框与文档流无关。

可以设置div的scrollTop值。

div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。