在div中隐藏滚动条 [英] Hiding scrollbar in div
问题描述
您好,网络发烧友们.恐怕我很腌制,需要帮助. 在当前的Web项目中,我遇到了麻烦.这是代码. a一g.从代码来看,它确实可以实现我想要的功能. 但这是问题所在. div上有滚动条.我不想在我的div上有任何滚动条.我尝试了溢流-y:滚动;并摆脱了水平滚动条,但垂直滚动条仍然存在.我尝试了很多,并进行了搜索,但无济于事. 如何摆脱div中的垂直和水平滚动条,使其仍然能够滚动.
edit:我还需要它具有跨浏览器的功能.不仅是铬.
HTML
<div id="content">
<div id="left">
<div class="richyPhoto"> </div>
</div>
<div id="right">
</div>
</div>
CSS
body {
overflow:hidden;
}
#content, html, body {
height: 100%;
width:100%;
margin:0;
padding:0;
}
#left {
float: left;
width: 50%;
background: red;
height: 100%;
overflow: scroll;
}
#right {
float: left;
width: 50%;
background: blue;
height: 100%;
overflow: scroll;
}
我会使用这种技术:
#parent{
height: 100%;
width: 100%;
overflow: hidden;
}
#child{
width: 100%;
height: 100%;
overflow: auto;
padding-right: 15px; /* Increase this value for cross-browser compatibility */
}
这是一个正在工作的小提琴: http://jsfiddle.net/5GCsJ/954/ >
Hello budding web enthusiasts. I am afraid that I am in quite a pickle and need a helping hand. In a current web project, I ran into a sour wall. This here is the code. Take a gander. From the code, it does exactly what I want. But here is the problem. There are scrollbars on the div. I dont want any scrollbars on my divs. I tried overflow-y:scroll; and got rid of the horizontal scrollbar but the vertical scrollbar is still there. I tried a lot and searched for it but to no avail. How can I get rid of both the vertical and horizontal scrollbars in my divs with it still bieng able to scroll.
edit : I also need it to be cross browser functional. not only chrome.
HTML
<div id="content">
<div id="left">
<div class="richyPhoto"> </div>
</div>
<div id="right">
</div>
</div>
CSS
body {
overflow:hidden;
}
#content, html, body {
height: 100%;
width:100%;
margin:0;
padding:0;
}
#left {
float: left;
width: 50%;
background: red;
height: 100%;
overflow: scroll;
}
#right {
float: left;
width: 50%;
background: blue;
height: 100%;
overflow: scroll;
}
I would use this technique:
#parent{
height: 100%;
width: 100%;
overflow: hidden;
}
#child{
width: 100%;
height: 100%;
overflow: auto;
padding-right: 15px; /* Increase this value for cross-browser compatibility */
}
Here's a working Fiddle: http://jsfiddle.net/5GCsJ/954/
这篇关于在div中隐藏滚动条的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!