วิธีปิดการใช้งานการเลื่อนบนเนื้อหาเมื่อทำการเลื่อนบน div เสร็จแล้ว

ฉันมี TOC (สารบัญ) ทางด้านซ้ายของเว็บไซต์เป็น:

#toc
position: fixed;
left: 0;
bottom: 0;
margin: 0;
overflow-y: auto !important;
overflow-x: auto !important;

ก็เลื่อนได้ตามปกติ แต่พอเลื่อนแนวตั้งเสร็จ ตัวก็เริ่มเลื่อนแทน ฉันจะปิดการใช้งานเนื้อหาจากการเลื่อนในกรณีนี้เท่านั้นได้อย่างไร .. ?


person Bilal Halayqa    schedule 08.05.2016    source แหล่งที่มา


คำตอบ (1)


หากคุณต้องการป้องกันพฤติกรรมนี้ คุณควรเพิ่มองค์ประกอบคอนเทนเนอร์ภายใน <body> ของคุณ และเพิ่มเนื้อหาแบบเลื่อนเข้าไปข้างใน และกำหนดให้เป็นการเลื่อนแทน <body> กล่าวอีกนัยหนึ่ง <body> ไม่ควรมีการเลื่อน หากมีเบราว์เซอร์เลื่อนจะหยิบมันขึ้นมา

person T J    schedule 09.05.2016
comment
ฉันจะป้องกันไม่ให้เนื้อหาเลื่อนและทำให้คอนเทนเนอร์เลื่อนแทนได้อย่างไร - person Bilal Halayqa; 09.05.2016
comment
@BilalHalayqa เพิ่ม overflow:auto ด้วย height - person T J; 09.05.2016