javascript – 滚动条移动内容

前端之家收集整理的这篇文章主要介绍了javascript – 滚动条移动内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有:我有几个网页都有这个大纲:
<body>
<div id="container">
CONTENT
</div>
</body>

与CSS:

body{
color:#000000;
background-color:#FFFFFF;
background-image: url(background.jpg);
background-repeat: repeat-x;
font-family: verdana;
letter-spacing: 1px;
}
#container{
margin-left:auto;
margin-right:auto;
margin-top:5px;
width: 700px;
}

问题:所有页面都很短,因此不会显示滚动条,但是一页更长,右侧的垂直滚动条显示.这第二页导致容器被移动(向左)一点.

从我所理解的一个常见的解决方案是使滚动条显示在所有页面上,但我真的想避免,因为它只是一个页面的许多.

问题:有没有办法避免移动容器,而仍然将其集中在一起,而不会使滚动条显示在所有页面上?

解决方法

我不知道纯粹的CSS解决方案,但是您可以使用javascript来动态地计算和调整左边距的正确宽度(同时使右边距稍薄 – 按滚动条的大小).

BTW:IMO:正确的处理方法是:保持原样.因为它是一个默认行为,我不认为用户担心的这么多.这是我的意见,有人可能有不同的,但是在每个页面添加滚动条(解决这个问题)都是史诗般的失败.

猜你在找的JavaScript相关文章