左上角像素超出浏览器窗口宽度的100％

Question

是否可以加载我的网页，使左上角的像素不是第一个，而是在其他地方？

这是我当前的网页布局，我希望加载我的网页，以便左上角的像素位于红色箭头所在的位置

Answer 1

我想我理解了你的要求：听起来你的目标是拥有一个单一页面，然后专门在有关左/右滚动的右/左块的about部分。< / p>

如果这是正确的，我会重新构建你的页面只有中间列，然后在#about部分使用css定位，如下所示：

#about {position: relative;}
#left {position:absolute; left:-100%; width:100%; min-height:100%;}
#right {position:absolute; left:100%; width:100%; min-height:100%;}

您可能需要对身体溢出做些事情：

body {overflow-x:hidden;}

然后，要实际创建所需的功能，当您单击#about部分中的锚点时，可以使用javascript / jQuery为左/右部分设置动画。

或者您可以使用此js插件，该插件非常有效并且仅适用于此类布局：http://alvarotrigo.com/fullPage/

Answer 2

对于整个容器或身体标签应用此css

position: absolute;
top:0;
left:0;