1、在css 里 html设置了overflow:hidden 滚动条被隐藏,在chrome中可以用鼠标滚轮滚动内容,但是在ie里(我用的ie10)鼠标滚轮无效,只能把内容选中然后往下拖。这个问题该如何解决呢?
2、在页面内,有一个div,里面的内容也需要隐藏,我在div里设置overflow:hidden ;内容隐藏了,但是拖动不了内容,被隐藏的内容我查看不了,这个问题又该如何解决呢?
跪求帮忙!谢谢大家!
回复讨论(解决方案)
想要可以滚 就用 overflow:scroll; 嫌这个scroll难看就自己写个
<!DOCTYPE html><html><head><title></title><style type="text/css">* {margin: 0;padding: 0;}body {background-color: #fff;}.container {height: 500px;border: 1px solid #222;background: #eee;overflow: hidden;}p {margin: 50px;border: 1px solid #ddd;}</style></head><body><div class="container"> <p>qwe 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /></p></div></body></html> 关于第一条貌似chrome也不能滚动吧.
想要可以滚 就用 overflow:scroll; 嫌这个scroll难看就自己写个
现在需求是不要滚动条
<!DOCTYPE html><html><head><title></title><style type="text/css">* {margin: 0;padding: 0;}body {background-color: #fff;}.container {height: 500px;border: 1px solid #222;background: #eee;overflow: hidden;}p {margin: 50px;border: 1px solid #ddd;}</style></head><body><div class="container"> <p>qwe 1234213<br /> 1234213<br /> </p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/1041" title="Otter.ai"><img
src="https://img.php.cn/upload/ai_manual/000/000/000/175680040622512.jpg" alt="Otter.ai" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/1041" title="Otter.ai">Otter.ai</a>
<p>一个自动的会议记录和笔记工具,会议内容生成和实时转录</p>
</div>
<a href="/ai/1041" title="Otter.ai" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div></div></body></html> 关于第一条貌似chrome也不能滚动吧.
大哥,你的我试过了,也不能滚动,直接隐藏了,css中html{ overflow:hidden}在chrome中是可以滚动的,只是在ie中只能选中,然后慢慢往下移。
其实这种设计没有必要的,最好是避免这样做法,一般是不会给html加overflow hidden的.
想要可以滚 就用 overflow:scroll; 嫌这个scroll难看就自己写个
现在需求是不要滚动条
那就自己模拟滚动条啊 js 可以拖拽 滚轮事件都能获取到的 设置外层div overflow:hidden 控制内层div 的position(margin)
或者用上面的办法 再外面再加个div 把滚动条遮住就完了










