> 웹 프론트엔드 > HTML 튜토리얼 > 如何显示overflow:hidden 的被隐藏的内容_html/css_WEB-ITnose

如何显示overflow:hidden 的被隐藏的内容_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:04:59
원래의
3891명이 탐색했습니다.

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></body></html>
로그인 후 복사

关于第一条貌似chrome也不能滚动吧.



大哥,你的我试过了,也不能滚动,直接隐藏了,css中html{ overflow:hidden}在chrome中是可以滚动的,只是在ie中只能选中,然后慢慢往下移。

其实这种设计没有必要的,最好是避免这样做法,一般是不会给html加overflow hidden的.


想要可以滚 就用 overflow:scroll; 嫌这个scroll难看就自己写个


现在需求是不要滚动条

那就自己模拟滚动条啊 js 可以拖拽 滚轮事件都能获取到的 设置外层div overflow:hidden 控制内层div 的position(margin)
或者用上面的办法 再外面再加个div 把滚动条遮住就完了
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿