我有一個很大的div,有很多項目,我已經轉向marginLeft ='120%'的事件。我使用overflow:hidden來防止它顯示水平滾動條。但是,當它向右移動時,網頁垂直滾動條的長度會變得更大。我希望div從屏幕上消失(當它這樣做時,我已經將它轉換爲HTML5),但不會影響頁面的其餘部分。我究竟做錯了什麼?阻止MarginLeft風格變化的滾動條?
回答
由於容器不夠寬,所以內容實際上並沒有向右移動,所以默認操作是將內容放到下一行,因此是垂直滾動。
嘗試在寬大的包裝div
中添加另一個div
,這樣內容將有足夠的空間實際移動到右側。
<div id="wrapper">
<div id="inner">
<div id="content"></div>
</div>
</div>
CSS ...
#wrapper {
overflow: hidden;
}
#inner {
width: 9000px;
}
我以這種方式得到了一個很大的寬水平佈局 – Dave 2011-06-11 21:51:22
@Dave設置#wrapper的寬度,使其佈局儘可能寬。自overflow:hidden被設置以來,內部沒有任何內容會顯示超出此寬度。然而,#內容將能夠向右移動,因爲#inner允許其內部9000px的空間移動。 – wdm 2011-06-11 22:36:21
@Dave看看這個輪播代碼。 http://jsfiddle.net/wdm954/VFwLT/5/ - 可以幫助看到它的行動。基本上它是一個水平的DIV行,在'overflow:hidden' DIV中滑動 – wdm 2011-06-11 22:43:08
- 1. 改變滾動條風格
- 2. [WPF]:樣式化滾動條,但ListView的滾動不受風格
- 3. WPF滾動條風格
- 4. 風格滾動條與jScroll
- 5. 滾動條風格IE
- 6. 我如何防止滾動被阻止滾動的子格
- 7. 滾動條賽道風格的Android
- 8. Internet Explorer中的滾動條CSS風格
- 9. 自定義風格的滾動條
- 10. 風格的facebook likebox滾動條
- 11. 蘋果風格的滾動條WPF
- 12. JS/jQuery風格的滾動條
- 13. javascript阻止滾動
- 14. preventDefault阻止滾動
- 15. 風格與JQuery嵌套滾動條
- 16. 風格變化
- 17. 使用webkit的滾動條格式化 - 滾動條不顯示
- 18. 改變動作條風格的Android
- 19. 變化UL風格
- 20. UIGestureRecognizer阻止tableview滾動
- 21. dropdownlist的滾動條顏色變化
- 22. 變化QCursor上滾動條中的QGraphicsView
- 23. 滾動條的顏色變化
- 24. 消費所有touchEvents不會阻止黑莓風暴滾動
- 25. MVC.net阻止URL變化
- 26. Opera瀏覽器:阻止滾輪滾動?
- 27. 變化的div風格
- 28. CKEditor的變化風格
- 29. 變化的UIBarButtonItem風格
- 30. 停止Iframe阻止父文檔滾動?
郵政代碼示例,請... – 2011-06-11 18:39:28
此無關的代碼風格,據我可以告訴。 – 2011-06-11 18:41:07
你有沒有設置過渡元素的寬度?聽起來就像它在寬度壓縮時一樣高度增長 – lnrbob 2011-06-11 18:56:07