如何在没有滚动条的情况下滚动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？

回答

相关问题