作者ys52513 (亮晶晶)
看板Web_Design
标题Re: [问题] 网页下拉至一定内容跑出浮动选单bar
时间Thu May 21 23:03:22 2015
※ 引述《xo1100 (虾蒸河粉)》之铭言:
: ※ 引述《jami520 (我的生命因你而发光)》之铭言:
: : http://buy.yungching.com.tw/house/1244332
: : 像永庆房屋这网页,下拉至一定内容时,则会跑出浮动的bar
: : 不晓得这个部分是用什麽方式做到的呢?
: : 要google大神要打什麽关键字呢? 谢谢
: 感谢大大提供讯息
: 小弟刚好也在找要如何学>"<
: 不过小弟有延伸出来的疑问
: 就是做出scroll的效果後
: 每次网页显示会出现两个haeder
: http://imgur.com/yJP6lgl
: 以及在行动装置上按下nav的时候
: 整个页面会往上窜
: http://imgur.com/p7xF94p
: 不知这点能从哪个方向作解决(js部分不知如何做设定)
: google大神该运用哪些关键字呢
: 先感谢各位大大了
: 怕问题叙述的太模糊
: 小弟先放上自己做的网页 献丑了
: http://goo.gl/muHlxx
小弟也想再深入询问关於永庆房屋的网页
往下拉後,置顶在上方的选单,会随着画面浏览的单元不同而变化class
这个目前越来越多网页使用,
例如:
高铁左侧选单
http://www.thsrc.com.tw/tw/Article/ArticleContent/7039d17d-1463-4c14-ad93-4d491dedcad5
某个样板
http://html5up.net/uploads/demos/prologue/
但不知道该google什麽关键字,或是教学范例
跪求高手解惑~
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.33.18.204
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1432220606.A.ADE.html
2F:→ tw0517tw: 这好像类似 05/21 23:23
3F:→ tw0517tw: 所以我猜关键字是 scroll spy 05/21 23:24
4F:→ ys52513: 感谢~ 我来查查看 05/21 23:33
5F:→ kurtisgod: sticky header 05/22 00:57