คำถามติดแท็ก scrollbar

แถบเลื่อนเป็นองค์ประกอบส่วนติดต่อผู้ใช้แบบกราฟิกที่เกี่ยวข้องกับการแสดงผลซึ่งมองเห็นได้เพียงบางส่วน แถบเลื่อนแสดงผลตอบกลับด้วยภาพว่าส่วนใดขององค์ประกอบอยู่ในมุมมองและความสามารถในการย้ายมุมมองขององค์ประกอบหลัก


7
ฉันจะเพิ่มแถบเลื่อนแนวตั้งให้กับ div โดยอัตโนมัติได้อย่างไร
ฉันต้องการเพิ่มแถบเลื่อนแนวตั้งใน<div>ไฟล์. ฉันได้ลองoverflow: autoแล้ว แต่ใช้งานไม่ได้ ฉันได้ทดสอบโค้ดของฉันใน Firefox และ Chrome แล้ว ฉันวางโค้ดสไตล์ div ที่นี่: float: left; width: 1000px; overflow: auto;
110 css  html  scrollbar  overflow 


4
CSS: วิธีรับแถบเลื่อนสำหรับ div ภายในคอนเทนเนอร์ที่มีความสูงคงที่
ฉันมีมาร์กอัปต่อไปนี้: <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah... </div> </div> CSS มีลักษณะดังนี้: .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } เนื่องจากเนื้อหาของความสูงของโดยทั่วไปจะมีมากกว่าพื้นที่ที่จัดไว้ให้โดยdiv.Content div.FixedHeightContainerในขณะนี้div.Contentขยายออกไปจากด้านล่างอย่างสนุกสนานdiv.FixedHeightContainer- ไม่ใช่สิ่งที่ฉันต้องการ ฉันจะระบุdiv.Contentได้อย่างไรว่าได้รับแถบเลื่อน (ควรเป็นแนวตั้งเท่านั้น แต่ฉันไม่จุกจิก) เมื่อความสูงเกินกว่าที่จะใส่ได้ overflow:autoและไม่overflow:scrollได้ทำอะไรเลยด้วยเหตุผลที่แปลกประหลาด

11
ป้องกันการเลื่อนขึ้น div เมื่อชนด้านล่างโดย div หรือไม่
ฉันถามคำถามที่คล้ายกันเมื่อวานนี้ แต่อธิบายได้ไม่ดีและไม่ได้ระบุความต้องการของฉันสำหรับโซลูชัน CSS บริสุทธิ์ซึ่งฉันคิดว่าควรจะเป็นไปได้ดังนั้นฉันจึงลองอีกครั้ง โดยทั่วไปฉันมีปัญหาที่ฉันมี div ของข้อความที่เลื่อนได้และฟิลด์อินพุตด้านล่าง เมื่อฉันคลิกปุ่มฉันต้องการให้ฟิลด์อินพุตมีการชนกันที่ 100 พิกเซลโดยไม่ต้องเลื่อน div ของข้อความด้วย นี่คือซอที่แสดงให้เห็นถึงปัญหาอย่างครบถ้วน อย่างที่คุณเห็นเมื่อคุณคลิกปุ่ม "เพิ่มระยะขอบ" ข้อความ div จะเลื่อนขึ้นเช่นกัน ฉันอยากให้มันอยู่ตรงไหน ในทำนองเดียวกันหากคุณเลื่อนขึ้นเล็กน้อยเพื่อให้คุณเห็นข้อความที่สองถึงข้อความสุดท้ายเท่านั้นการคลิกที่ปุ่มควรจะรักษาตำแหน่งนั้นไว้ในทำนองเดียวกันเมื่อคลิก สิ่งที่น่าสนใจคือพฤติกรรมนี้ "บางครั้ง" เก็บรักษาไว้ ตัวอย่างเช่นในบางสถานการณ์ (ซึ่งฉันไม่สามารถอนุมานได้มาก) ตำแหน่งการเลื่อนจะยังคงอยู่ ฉันแค่อยากให้มันประพฤติอย่างสม่ำเสมอ window.onload = function(e) { document.querySelector(".messages").scrollTop = 10000; }; function test() { document.querySelector(".send-message").classList.toggle("some-margin"); } .container { width: 400px; height: 300px; border: 1px solid #333; …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.