Re: [問題] 網頁下拉至一定內容跑出浮動選單bar

作者: ys52513 (亮晶晶)   2015-05-21 23:03:22
※ 引述《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什麼關鍵字,或是教學範例
跪求高手解惑~
作者: tw0517tw (無冬夜)   2015-05-21 23:23:00
http://getbootstrap.com/javascript/#scrollspy這好像類似所以我猜關鍵字是 scroll spy
作者: ys52513 (亮晶晶)   2015-05-21 23:33:00
感謝~ 我來查查看
作者: kurtisgod (蹦蹦蹦)   2015-05-22 00:57:00
sticky header

Links booklink

Contact Us: admin [ a t ] ucptt.com