[問題] inner scroll不影響outer scroll的方法?

[john110290 (KenMin)]

請問

我有一個物件可以scroll

但希望他往上往下卷到底的時候不要捲動到body的scroll的話

有什麼方法可以達成呢?

感謝！

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.130.40
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1408194676.A.69F.html
推 GoalBased: ...我的都不會動到body的..我還比較想知道外層
→ GoalBased: 要怎麼和內層一起連動..是把兩個的scroll值設一樣就好
推 MrOrz: 1. 改用 javascript 的 scroller
→ MrOrz: 2. 使用者在捲內層時，讓 body 是 overflow:hidden
推 MrOrz: 3. 監聽 mousewheel 事件，判斷是否該 preventDefault
→ MrOrz: 以上三種各有優缺點，要探討可能會需要專文 QQ
→ MrOrz: 3 的部份可以參考 http://goo.gl/N2Uo2d
→ MrOrz: 2 的話，Bootstrap 的 modal 就是這麼做的，不過他花了一些
→ MrOrz: 功夫在處理捲軸的出現與否（因為捲軸會影響頁面寬度）
→ MrOrz: 1  的話，聽說這款新的 scrollerjs.com 好像滿受矚目的
→ john110290: 感謝! 方向很清楚^^