我的滚动条底部有问题,我没有向下箭头。
我还添加了overflow-y:scroll!important;
的HTML
<div class="first">
<p>
CSS image replacement is a technique of replacing a text element (usually a header tag like an <h1></h1>) with an image (often a logo). It has its origins in the time before web fonts and SVG. For years, web developers battled against browser inconsistencies to craft image replacement techniques that struck the right balance between design and accessibility.
Now that web fonts and SVG do much more of the heavy lifting for stylized text on the web, these techniques are falling out of use. But, we feel it's worth preserving them in this museum to celebrate the ingenuity that went into their creation, and to remind ourselves of a bygone era in web design.
CSS image replacement is a technique of replacing a text element (usually a header tag like an <h1></h1>) with an image (often a logo). It has its origins in the time before web fonts and SVG. For years, web developers battled against browser inconsistencies to craft image replacement techniques that struck the right balance between design and accessibility.
Now that web fonts and SVG do much more of the heavy lifting for stylized text on the web, these techniques are falling out of use. But, we feel it's worth preserving them in this museum to celebrate the ingenuity that went into their creation, and to remind ourselves of a bygone era in web design.
</p>
</div>
<div class="second">
Now that web fonts and SVG do much more of the heavy lifting for stylized text on the web, these techniques are falling out of use. But, we feel it's worth preserving them in this museum to celebrate the ingenuity that went into their creation, and to remind ourselves of a bygone era in web design.
</div>
的CSS
.first{
display:inline-block;
vertical-align:top;
width:100px;
height:1000px;
overflow-y:scroll !important;
}
.second{
margin-left:100px;
display:inline-block;
vertical-align:top;
width:100px;
height:100px;
}
body{
overflow-y:hidden;
}
底部的箭头在那里,您根本看不到它,因为它在窗口之外。窗口本身(通过主体设置样式)具有overflow:hidden
。
解决方案:不要将其应用于overflow:hidden
主体,而应将其应用于第二个div(至少,据我估计,如果它不应该具有滚动条)。
我还需要height
同时对html和body进行应用,以确保它们与窗口一样高。
新提琴:http : //jsfiddle.net/nzguLb3k/1/
(请注意,只有在保留边距的情况下,才需要“身体”高度的“计算”;否则可以是100%。)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句