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


本文摘自PHP中文网,作者不言,侵删。

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

1、给一个div

1

2

3

4

5

6

    <style>

            #menu{

                position: relative;top: 0px;

            }

    </style>

<div id="menu"> </div>

2、事件菜单,点击

1

2

3

4

5

6

7

8

9

10

11

<script>

        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")

            }

        }

    </script>

3、滚动鼠标

阅读剩余部分

相关阅读 >>

Html的<title> 标签

Html ins标签常用的用法有哪些?Html ins常用属性的介绍

Html中如何创建新元素

Html的文档类型怎么选择

Html语言中tr是什么意思

构成Html代码的三个部分是什么

Html5与传统Html的区别,有哪些新增的和废除的元素?

Html中col标签里的汉字如何居中?Html col标签的用法详解

Html怎么禁止文本

Html的var标签是什么?关于var标签的定义和用法详解

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...