2016-11-04 73 views
2

我遇到了一個頁面的問題,其中底部的滾動條將保留,無論如何。 (退房:https://myanimelist.net/animelist/Looshi)看看我在說什麼。無論我訪問該頁面的屏幕分辨率,有沒有什麼辦法可以刪除那水平滾動條?這是非常不美觀的,我一直試圖看待財產修改或解決方案,但無濟於事。如何刪除我的頁面底部的水平滾動條CSS

https://docs.google.com/document/d/1gg8TZQ0BJhbRIYwf70KBwH0Bdkicp-_eMVd8phgH1E8/edit?usp=sharing 以下文件是所有CSS代碼。我覺得它一定是我失蹤的小事,但我一直在努力幾天!

我嘗試添加

overflow-x: hidden; 
overflow-y: scroll; 

但我想我說這些屬性在錯誤的元素因此它不是真正的工作..

+0

你的意思是調整窗口大小時出現的橫向滾動條? – claudios

+1

你在哪裏添加了「overflow-x:hidden」? –

回答

3

最佳的解決方案是,以避免溢出的內容。你的情況變化選擇到:

.list-item:nth-of-type(4n+1) .data:not(.title):not(.status):not(.score):not(.progress):not(.chapter):not(.volume), .list-item:nth-of-type(5n + 1) .data:not(.title):not(.status):not(.score):not(.progress):not(.chapter):not(.volume)

我改變5N至4 n + 1

+1

你是禮@Alan,但我們的答案應該堅持問題的標題。 –

+0

好吧,你現在也是:)但刪除滾動條的最佳解決方案是避免溢出機構內容 –

+0

我做了我的答案更新 –

1

只是適用style="overflow-x: hidden;"<body>標籤

我已經檢查你的問題,並檢查它解決

應該看起來像下面

<body class="ownlist anime" data-work="anime" data-query="{&quot;status&quot;:7}" data-owner="" data-owner-id="4457115" data-owner-name="Looshi" style=" 
    overflow-x: hidden; 
"> 
0

嘗試將overflow-x: hidden;添加到body元素中css

0

問題與cssclasslist-table tbody.list-item

你生成代碼的方式是不正確的我猜。您需要動態生成trloop而不是tbody

Click to see the image