CSS/JQUERY使div可以滾動而不顯示滾動條

有什麼辦法讓div可以滾動使用overflow-y：hidden;和overflow-x：隱藏？CSS/JQUERY使div可以滾動而不顯示滾動條

我試圖沒有成功，也許我需要一些js或jQuery腳本？

我的意思是，我想讓Y軸上的div滾動而不在右側顯示滾動條（因爲它現在）。

itryed：

.get-list{ 
    position:absolute; 
    z-index:444; 
    text-align: center; 
    display: none; 
    bottom:0; 
    clear:both !important; 
    left:0; 
    right:0; 
    top:11%; 

    margin:0 auto; 
    background:#fff; 
    max-height:800px; 
    overflow-y:no-display; 
    overflow-x:hidden; 
    display: block; 
}

感謝

編輯

.log-widget-list{ 
    position:absolute; 
    z-index:444; 
    text-align: center; 
    display: none; 
    width:99%; 
    margin:0 auto; 
    background:#fff; 
    height:800px; 
    overflow: hidden; 
} 

.log-widget-list .scroller{ 
    overflow: scroll; 
    height:800px; 
    width:100%; 
}

它顯示了正確的滾動條反正

來源

2012-10-03 sbaaaang

@SimpleCoder：我覺得OP試圖'溢出-Y：hidden'和'溢出-X：hidden'，但那不起作用。 – Blender

@Blender：不完全 - 這就是我問的原因。（見編輯） –

@Blender tryed yep – sbaaaang

讓我們創建一個div的200像素的寬度：（注意overflow:hidden）

#sidebar{ 
width: 200px; 
height: 300px; 
border: 1px solid #000; 
overflow: hidden; 
}

在那個div裏面，我們將創建'scrollable'div。參見：

#sidebar #scroller{ 
    width: 215px; 
    height: 300px; 
    padding-bottom: 15px; 
    overflow: scroll; 
}

儘管我們給它overflow:scroll，滾動條不可見。這是因爲這個div的總寬度爲215px，這將使滾動條消失在div之外。

另見：http://jsfiddle.net/TBsN8/

來源

2012-10-03 21:24:06

什麼是奇妙世界！thx man！ – sbaaaang

您應該將代碼複製到此答案並解釋 – Shmiddty

true。肯定會得到我的'+ 1' :) – RASG

固定如圖感謝Sebass麪包車Boxel

.log-widget-list{ 
    position:absolute; 
    display: none; 
    width:98% !important; 
    top:11%; 
    max-height:500px; 
    overflow: hidden; 
    bottom:0 !important; 
    left:0; 
    right:0; 
    margin:0 auto !important; 
} 

.log-widget-list .scroller{ 
    overflow: scroll; 
    max-height:500px; 
    padding-bottom:3%; 
    width:104% !important; 
}

來源

2012-10-03 21:50:22 sbaaaang

CSS/JQUERY使div可以滾動而不顯示滾動條

回答

相關問題