window.onload = function () {
var pos = $(\'#div1\').offset();// offset() 获得div1当前的位置,左上角坐标(x,y)
$(window).scroll(function () { //滚动条滚动事件
if ($(this).scrollTop() > pos.top) {
$(\'#div1\').css(\'width\', \'100%\').css(\'top\', $(this).scrollTop() - pos.top);
}else if ($(this).scrollTop() <= pos.top) {
$(\'#div1\').css(\'width\', \'100%\').css(\'top\', 0).css(\'position\', \'relative\');
}
})
}
相关文章:
- 滚动页面时DIV到达顶部时固定在顶部 - 焦点IT 2021-11-02
- 把div固定在网页顶部 2021-11-02
- jquery页面滚动,菜单固定到顶部 2022-12-23
- 滚动到顶部固定 2021-11-02
- 固定页面顶部或底部的HTML/CSS 2021-11-02
- 微信小程序,滑动页面到指定位置,固定元素在顶部 2021-11-02
- 当导航条滚动到顶部时固定到顶部 2022-12-23