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

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