如何在沒有滾動條的情況下滾動Div？

是否可以垂直滾動div而不使用滾動條，而只使用鼠標滾輪上下滾動？如何在沒有滾動條的情況下滾動Div？

我有一個實例一樣，

<div style="height:200px"> 
<div class="samplediv" style="overflow:scroll;overflow-y:hidden;height:1000px"> 
. 
. 
. 
.  
</div> 
</div>

，使得大格位於小格內，我想向上滾動以及向下內格，但我想隱藏我的垂直滾動，是可能在任何方面，我嘗試使用事件掛鉤滾動，但事件不掛鉤。

來源

2013-11-26 Bharath

除了事實上，如果它可以或不可以完成，這不是一個很好的做法。 – CaptainCarl

沒有人告訴他！保護標準。 ;） – screenmutt

@CaptainCarl是正確的。用戶依靠滾動條的存在來表明他們確實可以滾動。您也許可以改變滾動條的外觀，以便在所討論的div沒有被覆蓋時淡出。無論哪種方式，這是一個公平的CSS（很可能是JS）的詭計。 – Roberto

請不要這樣做！它會使界面無法使用，因爲沒有人不會在哪裏可以滾動！

但是如果你必須......

How to Hide Your Scrollbars

jsFiddle Example

CSS

#wrapper { 
    width: 150px; 
    overflow: hidden; 
    outline: 1px solid blue; 
} 

#scroller { 
    width: 170px; 
    height: 100px; 
    overflow: auto; 
    background: yellow; 
}

HTML

<div id="wrapper"> 
    <div id="scroller"> 
     foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br> 
     foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br> 
     foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>  
    </div> 
</div>

來源

2013-11-26 13:38:37 screenmutt

是的，我知道接口上的困難，但我有一個共同的兩個div的滾動條，這是問題，但我有你的資源有用，也我知道你說的標準;） – Bharath

您的評論使事情更清晰。我會在這個問題上提出這個問題。 :) – screenmutt

如何在沒有滾動條的情況下滾動Div？

回答

相關問題