Home > Developer > Web Develop
Recent projects need to embed a page in a webbrower, this webrower is fixed high, when the content of the page exceeds the webbrower height, need to be displayed as a scrollbar, then also considered the use of webbrower scroll bar, However, the actual height of the page cannot be obtained, but it is discarded, instead of the page's Div plus the way the scroll bar.
scroll bar CSSIn any case, the scroll bar appears if the page is outside the display range. But sometimes we don't want to show it, how do we hide it? Just insert the code between <body></body>:
< Body Style = "Overflow-x:hidden;overflow-y:hidden" >
Can. where x represents a horizontal scrollbar, and you change it to Y to hide the vertical scroll bar.
The scroll bar statements have the following meanings:
SummarizeCrollbar-face-color: Scroll bar page color setting, Scrollbar-highlight-color: Scroll bar bevel and left color setting, Scrollbar-shadow-color: Bottom bevel and right color setting of scroll bar ; Scrollbar-3dlight-color: The edge color setting of the top and left side of the scrollbar, Scrollbar-arrow-color: Scroll bar arrows color setting, Scrollbar-track-color: scroll bar bottom slab color setting ; Scrollbar-darkshadow-color: Edge color setting for scroll bar bottom and right
Recent projects, although related to the style, but also their own 1.1 point deduction, if let me choose, I would rather write JS do not want to make the style, sometimes for that 1px difference, you can not tune out.
[CSS] scroll bar style settings
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
