简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Backend Development > PHP Tutorial > body text

导航随着页面移动而移动是如何做的

WBOY
Release： 2016-06-13 13:25:36
Original
970 people have browsed it

导航随着页面移动而移动是怎么做的?
类似于淘宝的那个样子，当你下拉页面的时候，那个导航条会一直保持在顶部。

------解决方案--------------------
监视body的scrollTop,然后控制导航栏的position
------解决方案--------------------
http://www.helloweba.com/view-blog-85.html
去谷歌搜关键字 “js浮动层定位” 还有很多实例。

Related labels：
body position view
source：php.cn
Previous article： 网站前台展示空白，后台正常 Next article： ubuntu-phpmyadmin提醒载入 mcrypt 扩展
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
javascript - Is it possible to calculate the scrolling distance of the scroll bar using the event object in the scroll event? The defined scrolltop attribute does not apply
From 2017-06-30 09:58:09
0
1
609
javascript - $(document).scrollTop() and $('#js_productWrap').offset().top of a certain div The difference between $(document).scrollTop() and $('#js_productWrap').offset().top of a ...
From 2017-06-29 10:10:12
0
2
855
javascript - vue cannot maintain scroll position using keep-alive. Although the top view <router-view> setting <keep-alive> can c...
From 2017-05-16 13:31:13
0
1
566
angular.js - angular从列表页到详情页的滚动条位置怎么改变为 0，angular可有内置方法？ angular构建的项目，从商品列表（比如 scroolTop = 400）转到商品详情（scrollTop还是 400),滚动条位置不能到最顶部，而是保持在列表页之前的的位置，怎...
From 2017-05-15 17:06:35
0
3
370
jquery - ios的微信浏览器下，修改scrollTop会引起闪烁 有一行fixed的导航栏，上面的按钮，点击效果都是修改整个window的scrollTop，但是每个按钮，在第一次点击时，都会引起除了这个导航栏外，下面整体先黑再亮的闪烁，第二次点...
From 2017-04-17 16:04:56
0
2
510
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！