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

CSS สามารถใช้ซ่อนแถบเลื่อนได้หรือไม่? คุณจะทำอย่างไร

748 css  browser  scrollbar 

ฉันมีTextBlockใน WPF ฉันเขียนหลายบรรทัดลงไปเกินความสูงในแนวตั้ง ฉันคาดว่าแถบเลื่อนแนวตั้งจะปรากฏขึ้นโดยอัตโนมัติเมื่อสิ่งนั้นเกิดขึ้น แต่ก็ไม่ได้ ฉันพยายามค้นหาคุณสมบัติแถบเลื่อนในบานหน้าต่างคุณสมบัติ แต่ไม่พบ ฉันจะสร้างแถบเลื่อนแนวตั้งอัตโนมัติได้อย่างไรTextBlockเมื่อเนื้อหามีความสูงเกิน การชี้แจง: ฉันอยากทำจากนักออกแบบไม่ใช่เขียนโดยตรงไปที่ XAML

336 c#  .net  wpf  scrollbar  textblock 

ฉันจะปรับแต่งแถบเลื่อนผ่าน CSS (Cascading Style Sheets) สำหรับหนึ่งdivและไม่ใช่ทั้งหน้าได้อย่างไร

327 css  html  scrollbar 

ฉันต้องการปรับแต่งแถบเลื่อนด้วย CSS ฉันใช้โค้ด CSS ของ WebKit ซึ่งทำงานได้ดีสำหรับ Safari และ Chrome: ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color: #C2D2E4; } ::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #0A4C95; } ฉันจะทำสิ่งเดียวกันใน Firefox ได้อย่างไร ฉันรู้ว่าฉันสามารถทำได้โดยใช้ jQuery แต่ฉันอยากทำด้วย CSS บริสุทธิ์ถ้าทำได้ จะขอบคุณสำหรับคำแนะนำจากผู้เชี่ยวชาญของใครบางคน!

313 css  firefox  webkit  scrollbar 

ฉันมี HTML textarea ที่มีความกว้างคงที่ แต่ความสูงของตัวแปร ฉันต้องการตั้งค่าoverflow:scrollและสามารถแสดงแถบเลื่อนแนวตั้ง แต่ไม่ใช่แนวนอน ฉันไม่สามารถใช้งานได้overflow:autoเนื่องจากสิ่งอื่นที่เฉพาะเจาะจงกับสถานการณ์ของฉัน ฉันรู้ว่าไม่มีวิธีใช้ CSS2 เพื่อแสดงเฉพาะแถบเลื่อนแนวตั้ง แต่ไม่ใช่แนวนอน มีอะไรที่ฉันสามารถทำกับ JavaScript เพื่อซ่อนแถบเลื่อนแนวนอนได้หรือไม่?

279 html  css  scrollbar 

ใน IE10 แถบเลื่อนไม่ได้มีเสมอ ... และเมื่อมันปรากฏขึ้นมาเป็นภาพซ้อนทับ ... มันเป็นคุณสมบัติเจ๋ง แต่ฉันต้องการปิดสำหรับเว็บไซต์เฉพาะของฉันเนื่องจากเป็นแอปพลิเคชันแบบเต็มหน้าจอและของฉัน โลโก้และเมนูต่าง ๆ จะสูญหายไป IE10: โครเมียม: ใครรู้วิธีการเลื่อนแถบเลื่อนได้รับการแก้ไขในตำแหน่งบน IE10? ล้น - y: เลื่อนดูไม่ทำงาน! มันแค่วางไว้อย่างถาวรบนเว็บไซต์ของฉัน อาจเป็น bootstrap ทำให้เกิดปัญหา แต่ส่วนใดที่ฉันไม่รู้ ดูตัวอย่างได้ที่นี่: http://twitter.github.io/bootstrap/

183 html  css  scrollbar  internet-explorer-11  internet-explorer-10 

ฉันจะกำหนดความสูงของแถบเลื่อนแนวนอนหรือความกว้างของแถบเลื่อนแนวตั้งใน JavaScript ได้อย่างไร

164 javascript  scrollbar 

พฤติกรรมเริ่มต้นของ WebKit / Blink (Safari / Chrome) บน MacOS ตั้งแต่ 10.7 (Mac OS X Lion) คือการซ่อนแถบเลื่อนจากผู้ใช้ trackpad เมื่อไม่ได้ใช้งาน นี้อาจจะทำให้เกิดความสับสน ; แถบเลื่อนมักเป็นเพียงคิวภาพที่องค์ประกอบเลื่อนได้ ตัวอย่าง ( jsfiddle ) HTML <div class="frame"> Foo<br /> Bar<br /> Baz<br /> Help I'm trapped in an HTML factory! </div> CSS .frame { overflow-y: auto; border: 1px solid …

162 css  macos  webkit  scrollbar  blink 

ฉันมี div นี้: <div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> แถบเลื่อนสามารถมองเห็นได้เสมอถึงแม้ว่าข้อความจะไม่ล้น ฉันต้องการให้แถบเลื่อนปรากฏเฉพาะเมื่อจำเป็นเท่านั้นนั่นคือจะปรากฏเฉพาะเมื่อมีข้อความในกล่องที่จำเป็นเท่านั้น เช่นเดียวกับ textarea ฉันจะทำสิ่งนี้ได้อย่างไร หรือเป็นตัวเลือกเดียวของฉันในการกำหนดลักษณะ textarea ดังนั้นจึงดูเหมือนเป็น div หรือไม่

151 css  html  scrollbar 

มีวิธีซ่อนแถบเลื่อนListViewหรือไม่ ฉันรู้ว่าเป็นไปได้ScrollViewแต่ไม่สามารถหาทางListViewเลื่อนได้ ความคิดใด ๆ

144 android  listview  scrollbar 

มีวิธีเพิ่มแถบเลื่อนแนวนอนในตาราง HTML หรือไม่? จริง ๆ แล้วฉันต้องการให้เลื่อนได้ทั้งแนวตั้งและแนวนอนขึ้นอยู่กับการเติบโตของตาราง แต่ฉันไม่สามารถเลื่อนแถบเลื่อนได้

142 html  css  html-table  scrollbar 

เมื่อผนวกdivs divกับ a ที่มีความสูงคงที่ div ลูกจะปรากฏขึ้นจากบนลงล่างติดที่ขอบบน ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ ตอนนี้ฉันพยายามแสดงมันจากล่างขึ้นบนเช่นนี้ (ติดกับขอบล่าง): ┌─────────────────────────┐ │ │ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ └─────────────────────────┘ ┌─────────────────────────┐ │ │ │ │ │ …

139 html  css  scrollbar  vertical-alignment  alignment 

Наэтотвопросестьответына Stack Overflow нарусском : scroll & padding ฉันมีปัญหาเล็กน้อยในการพยายามทำให้หน้า. html ของฉันมีความกว้างที่สม่ำเสมอบน Chrome ตัวอย่างเช่นฉันมีหน้า (1) ที่มีเนื้อหาจำนวนมากที่ล้นความสูงของวิวพอร์ต (คำขวา?) ดังนั้นจึงมีแถบเลื่อนแนวตั้ง ในหน้านั้น (1) ในหน้า (2) ฉันมีเค้าโครงเหมือนกัน (เมนู, div, ... ฯลฯ ) แต่มีเนื้อหาน้อยกว่าจึงไม่มีแถบเลื่อนแนวตั้งอยู่ในนั้น ปัญหาคือในหน้า (1) แถบเลื่อนดูเหมือนจะดันองค์ประกอบไปทางซ้ายเล็กน้อย (เพิ่มความกว้าง?) ในขณะที่ทุกอย่างปรากฏตรงกลางหน้า (2) ฉันยังคงเป็นมือใหม่ใน HTML / CSS / JS และฉันค่อนข้างเชื่อว่านี่ไม่ใช่เรื่องยาก แต่ฉันไม่มีโชคในการหาวิธีแก้ปัญหา มันทำงานได้ตามที่ตั้งใจไว้ใน IE10 และ FireFox (แถบเลื่อนที่ไม่รบกวน) ฉันพบสิ่งนี้ใน Chrome เท่านั้น

125 html  css  google-chrome  scrollbar 

วิธีใดที่เร็วที่สุดในการตรวจสอบว่าองค์ประกอบมีแถบเลื่อนหรือไม่ สิ่งหนึ่งที่แน่นอนคือการตรวจสอบว่าองค์ประกอบมีขนาดใหญ่กว่าวิวพอร์ตหรือไม่ซึ่งสามารถทำได้อย่างง่ายดายโดยตรวจสอบค่าทั้งสองนี้: el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth แต่นั่นไม่ได้หมายความว่ามันมีแถบเลื่อนด้วย (ดังนั้นมนุษย์จึงสามารถเลื่อนได้) คำถาม ฉันจะตรวจสอบแถบเลื่อนในเบราว์เซอร์1 แบบไขว้และ2จาวาสคริปต์เท่านั้น (เช่นเดียวกับที่ไม่มี jQuery ) ได้อย่างไร Javascript เท่านั้นเพราะฉันต้องการค่าใช้จ่ายที่น้อยที่สุดเพราะฉันต้องการเขียนตัวกรองตัวเลือก jQuery ที่รวดเร็วมาก // check for specific scrollbars $(":scrollable(x/y/both)") // check for ANY scrollbar $(":scrollable") ฉันคิดว่าฉันต้องตรวจสอบการoverflowตั้งค่าสไตล์ แต่ฉันจะทำได้อย่างไรในเบราว์เซอร์ข้าม? แก้ไขเพิ่มเติม overflowการตั้งค่าสไตล์ไม่เพียง การตรวจสอบว่าองค์ประกอบมีแถบเลื่อนนั้นไม่สำคัญเท่าที่ควร สูตรแรกที่ฉันเขียนไว้ข้างต้นใช้งานได้ดีเมื่อองค์ประกอบไม่มีเส้นขอบ แต่เมื่อเป็นเช่นนั้น (โดยเฉพาะอย่างยิ่งเมื่อเส้นขอบมีความกว้างมาก) offsetมิติอาจใหญ่กว่าscrollมิติ แต่องค์ประกอบยังสามารถเลื่อนได้ เราต้องลบเส้นขอบจากoffsetมิติข้อมูลเพื่อให้ได้วิวพอร์ตที่เลื่อนได้จริงขององค์ประกอบและเปรียบเทียบกับscrollมิติ สำหรับการอ้างอิงในอนาคต :scrollablejQuery selector filter รวมอยู่ใน.scrollintoview()ปลั๊กอิน …

113 javascript  dom  scrollbar  overflow 

เป็นไปได้ไหมที่จะอนุญาตเฉพาะแถบเลื่อนแนวนอนเมื่อใช้โอเวอร์โฟลว์: อัตโนมัติ (หรือเลื่อน)

113 html  css  scroll  scrollbar