我可以刪除溢出的底部滾動條：滾動嗎？

所以我有一個滾動窗口的彈出窗口。對於滾動我使用基本的CSS元素溢出：滾動。但問題是滾動顯示在側面和底部。現在我想知道是否有刪除底部滾動，因爲即使它鎖定它對我沒用，它會看起來更好，沒有它。我GOOGLE了它並沒有發現任何東西，所以如果你有一個解決方案，請分享它。如果你需要任何代碼告訴我，我會發布它。我可以刪除溢出的底部滾動條：滾動嗎？

這是「我的」的CSS彈出（我得到了來自http://www.zurb.com/playground/reveal-modal-plugin代碼）：

.reveal-modal-bg { 
    position: fixed; 
    height: 100%; 
    width: 100%; 
    background: #000; 
    background: rgba(0,0,0,.8); 
    z-index: 100; 
    display: none; 
    top: 0; 
    left: 0; 
    } 

.reveal-modal { 
    visibility: hidden; 
    top: 100px; 
    left: 50%; 
    margin-left: -300px; 
    width: 520px; 
    height: 400px; 
    background: #eee url(modal-gloss.png) no-repeat -200px -80px; 
    position: absolute; 
    z-index: 101; 
    padding: 30px 40px 34px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
    -box-shadow: 0 0 10px rgba(0,0,0,.4); 
    overflow:scroll; 
    } 

    .reveal-modal h1{ 
     color: green; 
     font-size: 40px; 
    } 

    .reveal-modal strong{ 
     font-style: inherit; 
    } 

.reveal-modal.small   { width: 200px; margin-left: -140px;} 
.reveal-modal.medium  { width: 400px; margin-left: -240px;} 
.reveal-modal.large   { width: 600px; margin-left: -340px;} 
.reveal-modal.xlarge  { width: 800px; margin-left: -440px;} 

.reveal-modal .close-reveal-modal { 
    font-size: 22px; 
    line-height: .5; 
    position: absolute; 
    top: 8px; 
    right: 11px; 
    color: #aaa; 
    text-shadow: 0 -1px 1px rbga(0,0,0,.6); 
    font-weight: bold; 
    cursor: pointer; 
    }

來源

2013-04-23 Urrby000

這應該工作：

overflow-x:hidden; 
overflow-y:auto;

來源

2013-04-23 12:49:58

做的更好的方式是

overflow-x:hidden; 
overflow-y:auto;

這種方式，這意味着如果一個頁面變得更大的jQuery，然後你需要滾動視圖won' t變小並影響您的測量結果

來源

2013-06-21 16:10:30 Hive7

我可以刪除溢出的底部滾動條：滾動嗎？

回答

相關問題