如何显示overflow：hidden 的被隐藏的内容_html/css

回复讨论(解决方案)

집

웹 프론트엔드

HTML 튜토리얼

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:04 PM

overflow 콘텐츠 보여주다 숨다

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 把滚动条遮住就完了

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7554

Cakephp 튜토리얼

1382

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

2018-2024 USD의 Bitcoin의 최신 가격 Feb 15, 2025 pm 07:12 PM

실시간 비트 코인 USD 가격 비트 코인 가격에 영향을 미치는 요인 향후 비트 코인 가격을 예측하기위한 지표 다음은 2018-2024 년 비트 코인 가격에 대한 몇 가지 주요 정보입니다.

H5 페이지 제작은 프론트 엔드 개발입니까? Apr 05, 2025 pm 11:42 PM

예, H5 페이지 제작은 HTML, CSS 및 JavaScript와 같은 핵심 기술을 포함하는 프론트 엔드 개발을위한 중요한 구현 방법입니다. 개발자는 & lt; canvas & gt; 그래픽을 그리거나 상호 작용 동작을 제어하기 위해 JavaScript를 사용하는 태그.