我有一個div與css overfow:hidden
。但我需要滾動這個div
。我GOOGLE了它,並找到解決辦法是更改overflow:scroll
並隱藏滾動條。但在MacBook Pro中,我可以看到滾動條。有什麼辦法可以解決這個問題嗎?有什麼辦法滾動div與溢出:隱藏
0
A
回答
1
請試試這個
<style type="text/css">
.inside { width: 500px; overflow: auto; height: 200px; padding-right: 20px; }
.outside { width: 500px; height: 300px; overflow: hidden; }
</style>
<div class="outside">
<div class="inside">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium enim blandit ligula pharetra pharetra. Curabitur posuere nibh at nibh tincidunt sed porta dui commodo. Suspendisse id vulputate magna. Cras non arcu ac lacus dignissim pretium. Aenean varius luctus ante, sed tincidunt neque euismod id. Sed aliquam dui eu purus dapibus venenatis. Praesent tortor sem, pretium in rhoncus eu, eleifend at lectus. Donec dignissim turpis et lectus interdum dignissim. Maecenas porttitor ante ut ligula tempus sit amet tincidunt arcu aliquam. Vivamus at velit massa. Nulla eget ligula sed dolor porta porta sit amet ac est. Vestibulum rhoncus tempus ligula quis vulputate. Nullam auctor, neque tristique ultrices iaculis, neque nisl semper est, id adipiscing ligula est eu diam.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec enim ante, rhoncus at egestas eget, imperdiet vitae sem. Mauris sed massa elit, ac posuere nibh. Integer ut metus et felis blandit pellentesque id eget velit. Quisque vehicula consectetur nibh sit amet posuere. Etiam egestas lacus id justo fringilla sodales. Donec scelerisque aliquam urna sed sodales. Cras ornare neque fringilla nisl molestie venenatis. Quisque quis lacus ut augue sodales tristique non id sapien. Sed risus nisl, egestas eu sodales ut, rhoncus id nisl. Maecenas hendrerit tellus neque. Aliquam sodales gravida luctus. Suspendisse porta porta libero at venenatis. Proin laoreet accumsan ipsum, et ultrices nisi pharetra et. Nullam in dolor quam, et adipiscing ipsum. In consequat interdum sollicitudin. </p>
</div>
</div>
-1
1
嘗試overflow: auto;
這將顯示滾動條,如果它是需要的,即在div內容的高度比div的高度。否則,如果內容符合div的範圍,它將不會顯示滾動條。
2
Youtube通過在overflow-y: hidden; padding-right: 17px
和overflow-y: scroll; padding-right: 0;
到:hover
之間切換來解決此問題。
它使它看起來整潔,它讓用戶知道你可以滾動。考慮告訴你的用戶,而不是假裝他們知道。
相關問題
- 1. 滾動div內隱藏溢出div
- 2. Div與滾動條裏面div與溢出:隱藏
- 3. 滾動,如果div被溢出隱藏
- 4. 帶有Javascript的可滾動內容與溢出Div:隱藏
- 5. 什麼溢出:隱藏除了隱藏滾動嗎?
- 6. 滾動時隱藏溢出
- 7. 溢出:隱藏 - 滾動
- 8. 溢出滾動已隱藏溢出
- 9. 如何隱藏滾動(溢出:隱藏)?
- 10. 如何隱藏css溢出div的滾動條而不使用溢出:隱藏?
- 11. 限制DIV高度與溢出:通過家長滾動使用溢出:隱藏
- 12. 爲什麼溢出:隱藏不隱藏?
- 13. Css轉換無法在滾動div的身體溢出:隱藏
- 14. 動畫滾動div與溢出滾動
- 15. DIV內有溢出的DIV:隱藏?
- 16. 如何滾動較大的div溢出:我隱藏的div
- 17. 溢出隱藏自動滾動
- 18. 溢出滾動沒有隱藏它溢出的內容
- 19. jQuery - 滾動div與溢出-y:滾動;
- 20. Jquery - 滾動DIV(溢出:自動;)與DIV
- 21. jQuery可拖動div使溢出:隱藏頁面滾動
- 22. Div隱藏在包含div滾動條溢出的下方:滾動集
- 23. 顯示DIV內容與溢出隱藏
- 24. 摺疊的div與溢出隱藏
- 25. 溢出隱藏和滾動同時
- 26. 製作溢出:隱藏不滾動
- 27. Blueprintjs表隱藏溢出-s滾動條
- 28. 溢出虛假滾動條:隱藏
- 29. jQuery滾動UL隱藏溢出
- 30. 溢出:隱藏;圖像滾動