javascript - 浏览器窗口 100% 宽度之外的左上角像素

标签 javascript jquery html css

是否可以加载我的网页,使左上角像素不是第一个像素而是其他位置?

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

enter image description here

最佳答案

我想我理解您的要求:听起来您的目标是拥有一个单列页面,然后仅在“关于”部分中包含您希望能够向左/向右滚动的右/左 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/

相关文章:

javascript - jQuery 插件选项作为 css 属性

PHP多重更新功能

html - 我怎样才能使用 div 标签在我的标题上居中放置一个小横幅

javascript - 无需滚动即可修复 HTML 表格标题

javascript - TinyMCE 自动调整大小插件不起作用

javascript - 计数单选按钮不起作用

javascript - 使用 mvc 进行数据绑定(bind)的多 handle slider

javascript - 在 JavaScript 中对日期字符串数组进行排序的最佳方法

javascript - 在 gulp.rename() 调用中使用早期 gulp.src 的文件名

javascript - 如何为 id 验证编写正则表达式(JavaScript)?