失眠网 > html中自定义菜单随着滚动条滑动的代码实现

html中自定义菜单随着滚动条滑动的代码实现

时间：2020-11-19 15:29:21

web前端|html教程

html

web前端-html教程

本篇文章给大家带来的内容是关于html中自定义菜单随着滚动条滑动的代码实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

一元云购商城源码,vscode 写主题,ubuntu有什么用,docker和tomcat,sqlite建立索引,国外金融网页设计,php mysql 数据库连接,阿里云服务器防火墙,网页拍照插件,web前端开发主流框架,网页爬虫下载,date php,宁德seo,springboot支持集群吗,alt标签怎么做,仿app网站源码下载,瀑布式网页模板,支付宝支付模板,asp ip限制访问后台,win8 风格页面,asp相册管理系统,淘宝客程序是什么lzw

1、给一个div

超市收费源码,ubuntu中sh指令,tomcat数据库缓存清理,大连爬虫馆,php压缩目录下载,北京SEO 公司lzw

#menu{position: relative;top: 0px; }

2、事件菜单，点击

手机视频聊天网站源码,vscode如何改墙纸,宇视ubuntu,tomcat如何映射路径,雨林爬虫,php 调用perl,海南长沙seo优化服务,网站留言板php源码,欧美手机网站模板下载地址lzw

function showHide(num){if(num==1){$(html, body).animate({scrollTop: $(#biaoji1).offset().top},"slow")//"slow"}else if(num==2){$(html, body).animate({scrollTop: $(#biaoji2).offset().top},"slow")}else if(num==3){$(html, body).animate({scrollTop: $(#biaoji3).offset().top},"slow")}}

3、滚动鼠标

$(function(){window.onscroll=function(){var top2=$(document).scrollTop();//var top1=document.body.scrollTop;console.log("top2:"+top2)$("#menu").css("position","relative").css("top",top2);}});