Web Front-end
HTML Tutorial
How to display the hidden content of overflow:hidden_html/css_WEB-ITnose
How to display the hidden content of overflow:hidden_html/css_WEB-ITnose
1. The overflow:hidden scroll bar is set in CSS and HTML. In Chrome, you can use the mouse wheel to scroll the content, but in IE (I use IE10) the mouse wheel is invalid. You can only select the content and then go to Drag down. How to solve this problem?
2. In the page, there is a div, and the content inside also needs to be hidden. I set overflow: hidden in the div; the content is hidden, but the content cannot be dragged, and I cannot view the hidden content. How to solve this problem?
I beg you for help! Thank you all!
Reply to the discussion (solution)
If you want to scroll, use overflow:scroll; if you think this scroll is ugly, write your own
<!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>Regarding the first article, it seems that chrome cannot scroll.
If you want to be able to scroll, use overflow:scroll; if you think this scroll is ugly, write your own
The current requirement is to not have scroll bars
<!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>Regarding the first item, it seems that chrome cannot scroll either.
Brother, I have tried yours. , it cannot be scrolled, it is hidden directly. HTML{overflow:hidden} in CSS can be scrolled in Chrome, but in IE it can only be selected and then slowly moved down.
In fact, this kind of design is not necessary. It is best to avoid this approach. Generally, you will not add overflow hidden to html.
If you want, you can To scroll, just use overflow:scroll; if you think this scroll is ugly, write your own
Now the demand is not to have a scroll bar
Then simulate the scroll bar yourself. JS can drag and drop the wheel events. What you can get is to set the outer div overflow:hidden to control the position (margin) of the inner div
or use the above method and add a div outside to cover the scroll bar and that's it
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1359
52
The price of Bitcoin since its birth 2009-2025 The most complete summary of BTC historical prices
Jan 15, 2025 pm 08:11 PM
Since its inception in 2009, Bitcoin has become a leader in the cryptocurrency world and its price has experienced huge fluctuations. To provide a comprehensive historical overview, this article compiles Bitcoin price data from 2009 to 2025, covering major market events, changes in market sentiment, and important factors influencing price movements.
Overview of the historical price of Bitcoin since its birth. Complete collection of historical price trends of Bitcoin.
Jan 15, 2025 pm 08:14 PM
Bitcoin, as a cryptocurrency, has experienced significant market volatility since its inception. This article will provide an overview of the historical price of Bitcoin since its birth to help readers understand its price trends and key moments. By analyzing Bitcoin's historical price data, we can understand the market's assessment of its value, factors affecting its fluctuations, and provide a basis for future investment decisions.
A list of historical prices since the birth of Bitcoin BTC historical price trend chart (Latest summary)
Feb 11, 2025 pm 11:36 PM
Since its creation in 2009, Bitcoin’s price has experienced several major fluctuations, rising to $69,044.77 in November 2021 and falling to $3,191.22 in December 2018. As of December 2024, the latest price has exceeded $100,204.
The latest price of Bitcoin in 2018-2024 USD
Feb 15, 2025 pm 07:12 PM
Real-time Bitcoin USD Price Factors that affect Bitcoin price Indicators for predicting future Bitcoin prices Here are some key information about the price of Bitcoin in 2018-2024:
The most complete summary of historical price details since the birth of Bitcoin (the latest version in 2025)
Feb 15, 2025 pm 06:45 PM
Important Node for Bitcoin Historical Price January 3, 2009: Genesis Block was generated, the first Bitcoin was generated, with a value of USD 0. October 5: The first Bitcoin transaction, a programmer bought two pizzas with 10,000 bitcoins, equivalent to $0.008. February 9, 2010: The Mt. Gox exchange went online and became the main platform for early Bitcoin trading. May 22: Bitcoin breaks through $1 for the first time. July 17: Bitcoin price plunged to $0.008, hitting an all-time low. February 9, 2011: Bitcoin price breaks through $10 for the first time. April 10: Mt. Go
In the ChatGPT era, how can the technical Q&A community respond to challenges?
Apr 01, 2025 pm 11:51 PM
The technical Q&A community in the ChatGPT era: SegmentFault’s response strategy StackOverflow...
In one article, learn about: What is the virtual currency fund rate and how to use the fund rate to trade
Feb 15, 2025 pm 10:06 PM
Virtual currency funding rates are fees charged to traders holding positions in derivatives trading. It reflects a premium or discount between the spot market price and the futures contract price when the contract expires. When the spot price is higher than the futures price, the capital rate is negative, which means that traders who short positions pay fees to traders who long positions. On the contrary, when the spot price is lower than the futures price, the capital rate is positive, which means that traders who do long positions pay fees to traders who do short positions.
Analysis of the most promising virtual currency in 2025 Top 10 potential virtual currency inventory in 2025
Feb 15, 2025 pm 05:51 PM
The virtual currency market is constantly evolving and exciting growth is expected in the coming years. In 2025, some cryptocurrencies are expected to stand out and become the most promising investments in the space. This article analyzes some of the most promising virtual currencies in 2025, covering their unique capabilities, growth potential and possibilities that impact the future. These currencies include Ethereum, Bitcoin, Cardano, Polkadot and Binance Coin, which play a key role in the development of decentralized finance, smart contracts and blockchain technologies. Understanding the potential of these virtual currencies, investors can be prepared to seize the opportunities brought by the virtual currency market in 2025.
