0

在完成我的第一个网站之前，我还有一个问题要解决，我非常感谢这个社区的帮助。

您可以在以下位置亲自查看我的网站www.dylanbisch.com

我试图解决的问题出现在班级artdesign和tumblr-wrapper.

基本上，“artdesign”类包含两个圆形按钮，“tumblr-wrapper”类包含主屏幕上的黑白照片。

如果您缩小浏览器窗口然后尝试左右滚动，就会出现我的问题。而不是在整个页面上左右滚动，只有“tumblr-wrapper”类中的黑白照片左右滚动。

我正在寻找一种解决方案，当浏览器窗口很小时，它可以阻止 tumblr-wrapper 成为唯一滚动的东西，并且会创建整页左右滚动。

我希望我已经充分解释了问题，但如果我需要解释一些不同的东西，请告诉我。

4

2 回答 2

2

在网上370 of style.css，你已经position:fixed申请了.artdesign。

我不确定将其准确放在那里的逻辑是什么，但是如果您将其删除，页面将按照您的预期滚动。

固定位置意味着div是固定的，不会移动（即使你滚动），它主要用于将页眉和页脚粘贴到页面的顶部和底部。（就像twitter 引导页面[注意顶部的黑色标题菜单？.. 就是这样fixed]）

所以基本上：

.artdesign { /* Line 370 of style.css */
    float: left;
    padding: 200px 0 0 10px;
    position: fixed; /* REMOVE THIS POSITION FIXED TO SCROLL! */
    width: 579px;
    list-style-type: none;
}
于 2013-07-25T15:19:02.090 回答
0

您将 .artdesign 设置为“位置：固定”，因此它将始终保持在相同的窗口位置。将其更改为“位置：绝对”，这应该可以解决问题。

于 2013-07-25T15:19:29.137 回答