是否可以加载我的网页,使左上角像素不是第一个像素而是其他位置?
这是我当前的网页布局,我希望加载我的网页,以便左上角像素位于红色箭头所在的位置
最佳答案
我想我理解您的要求:听起来您的目标是拥有一个单列页面,然后仅在“关于”部分中包含您希望能够向左/向右滚动的右/左 block 。
如果这是正确的,我会重组您的页面,使其只有中间列,然后在 #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 溢出做一些事情:
body {overflow-x:hidden;}
然后,要实际创建您想要的功能,您可以使用 javascript/jQuery 在单击 #about 部分中的 anchor 时为左/右部分设置动画。
或者您可以使用这个 js 插件,它运行得非常好,并且专为这种类型的布局而设计: http://alvarotrigo.com/fullPage/
关于javascript - 浏览器窗口 100% 宽度之外的左上角像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31121018/