1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 导航跟随滚动条置顶移动示例代码【javascript】

导航跟随滚动条置顶移动示例代码【javascript】

时间:2023-01-30 05:27:38

相关推荐

导航跟随滚动条置顶移动示例代码【javascript】

web前端|js教程

导航跟随滚动条,置顶移动

web前端-js教程

歌曲大全源码,ubuntu了解锐捷,叮咚买菜数据爬虫,php后台颜色,seo 优化原理lzw

#topmenu{position:absolute;top:100px;background:#4b4a4a;width:100%;margin:0 auto;clear:both;overflow:hidden;z-index:998;left:0}

jQuery(document).ready(function() {

var topmenu = jQuery("#topmenu");

var topmenu_top = topmenu.offset().top;

reset_topmenu_top(topmenu, topmenu_top);

jQuery(window).scroll(function() {

reset_topmenu_top(topmenu, topmenu_top);

});

});

function reset_topmenu_top(topmenu, topmenu_top) {

var document_scroll_top = jQuery(document).scrollTop();

if (document_scroll_top > topmenu_top) {

topmenu.css( op, document_scroll_top);

}

if (document_scroll_top <= topmenu_top) {

topmenu.css( op, topmenu_top);

}

}

效果图如下:

baocms 蜂蜜源码,新手vscode和dw选哪个,u大师ubuntu,tomcat容器组成源码,爬虫 代理原理,php自适应代码,云龙区seo哪家服务好,wap视频网站lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。