![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
sparrow_girl
这个作者很懒,什么都没留下…
展开
-
网页中楼层跳转功能
原理:点击哪一个li,找到相应的楼层内容(为每个楼层内容设置一个.floor类)把当前楼层对应到顶部的距离设置到滚动条上步骤:1、获取点击元素(li)的索引2、获取当前楼层(.floor)距离顶部的距离3、将获取到的距离设置到滚动条上<div id="floorBox"> <p>楼层导航</p> <ul> <li> <span>狗狗主粮</s原创 2021-09-10 09:25:33 · 363 阅读 · 0 评论 -
网页固定头部功能
固定头功能实现步骤:1、写出固定到头部的结构与样式2、通过js或jq动态显示分析: 事件源:window document 事件类型:onscroll(js)、scroll(jq) 事件处理函数: 获取滚动条距离顶部的距离 判断距离:>500显示固定头部 else隐藏固定头部 细节: 如果显示固定头部(把头部中的搜索框放入固定头部的盒子) 如果隐藏固定...原创 2021-09-09 11:21:09 · 675 阅读 · 0 评论