作者john110290 (KenMin)
看板Web_Design
標題[問題] inner scroll不影響outer scroll的方法?
時間Sat Aug 16 21:11:13 2014
請問
我有一個物件可以scroll
但希望他往上往下卷到底的時候不要捲動到body的scroll的話
有什麼方法可以達成呢?
感謝！
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.130.40
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1408194676.A.69F.html
1F：推 GoalBased: ...我的都不會動到body的..我還比較想知道外層 08/16 21:45
2F：→ GoalBased: 要怎麼和內層一起連動..是把兩個的scroll值設一樣就好 08/16 21:46
3F：推 MrOrz: 1. 改用 javascript 的 scroller 08/17 18:19
4F：→ MrOrz: 2. 使用者在捲內層時，讓 body 是 overflow:hidden 08/17 18:19
5F：推 MrOrz: 3. 監聽 mousewheel 事件，判斷是否該 preventDefault 08/17 18:22
6F：→ MrOrz: 以上三種各有優缺點，要探討可能會需要專文 QQ 08/17 18:23
8F：→ MrOrz: 2 的話，Bootstrap 的 modal 就是這麼做的，不過他花了一些 08/17 18:23
9F：→ MrOrz: 功夫在處理捲軸的出現與否（因為捲軸會影響頁面寬度） 08/17 18:24
10F：→ MrOrz: 1 的話，聽說這款新的 scrollerjs.com 好像滿受矚目的 08/17 18:24
11F：→ john110290: 感謝! 方向很清楚^^ 08/17 19:53