CodePen上看到的一个示例
本帖最后由 元始天尊 于 2018-12-9 00:52 编辑https://codepen.io/ge1doot/pen/LkdOwj
https://codepen.io/akm2/pen/rHIsa
https://codepen.io/dissimulate/pen/KrAwx 本帖最后由 元始天尊 于 2018-12-13 21:51 编辑 <br /><br /><object type="application/x-shockwave-flash"
data="cdn.abowman.com/widgets/dog/dog.swf"
width="0" height="0">
<param name="movie" value="your-flash-file.swf" />
<param name="quality" value="high"/>
</object>
啊，好好玩 Hide scroll bar when not needed
there is no one dedicated CSS rule to Hide scroll bar when not needed. However, this is possible with a few browser-specific CSS rules. To hide the scrollbar and keep scrolling functionality, apply the following CSS to the body (for the entire page) or a specific element.
https://www.codegrepper.com/codeimages/css-overflow-hide-scrollbar-when-not-needed.png
How to Hide the Scrollbar in CSS (and Prevent Scrolling)
To hide the scrollbar and disable scrolling, we can use the CSS overflow property. This property determines what to do with content that extends beyond the boundaries of its container.
/* hide scrollbar and prevent scrolling */
#div-1 { overflow: hidden; }
#div-2 { overflow: visible; }
/* other styling */
div {
border: solid 5px black;
border-radius: 5px;
height: 100px;
margin: 20px;
width: 300px;
}
* {
background-color: #EAF0F6;
color: #2D3E50;
font-family: 'Avenir';
}
To hide the vertical scrollbar and prevent vertical scrolling, use overflow-y: hidden like so:
/* hide vertical scrollbar and prevent vertical scrolling */
div {
overflow-y: hidden;
/* other styling */
border: solid 5px black;
border-radius: 5px;
height: 300px;
width: 300px;
}
img { height: 500px; }
/* other styling */
* {
background-color: #EAF0F6;
color: #2D3E50;
font-family: 'Avenir';
}
页:
[1]