Jquery 使用固定元素将页面居中

Jquery 使用固定元素将页面居中,jquery,Jquery,我的网站有3个问题希望这不是作弊顺便说一句,我目前正在用Wordpress构建的 我正试图实现一些相当直接的目标,但事实证明这有点棘手。在我的页面上,左侧有一个固定的导航栏,它不会与其他元素一起滚动 然而,我更希望整个页面居中,或者至少是包含所有内容的主包装。我以前曾尝试过这样做,但每当我调整页面大小时,包装器就会向左移动,从而允许导航重叠页面。我希望导航与包装保持相同的距离,但无论页面大小是否调整,都将其居中 我的另一个问题是,我目前有一个水平滚动条出现在网站上,好像有更多的内容在页面的右侧。

我的网站有3个问题希望这不是作弊顺便说一句,我目前正在用Wordpress构建的

我正试图实现一些相当直接的目标,但事实证明这有点棘手。在我的页面上,左侧有一个固定的导航栏,它不会与其他元素一起滚动

然而,我更希望整个页面居中,或者至少是包含所有内容的主包装。我以前曾尝试过这样做,但每当我调整页面大小时,包装器就会向左移动,从而允许导航重叠页面。我希望导航与包装保持相同的距离,但无论页面大小是否调整,都将其居中

我的另一个问题是,我目前有一个水平滚动条出现在网站上,好像有更多的内容在页面的右侧。我想这是一个浮动问题

我还希望我的固定导航在到达footer div后能做些什么。我知道jQuery可以做到这一点,但不完全确定如何实现它。我想只有当导航与页脚冲突时,我才需要在导航中添加一个类,但是当用户向后滚动时,需要删除这个类

非常感谢您的帮助

谢谢


Ashley

您应该能够将任何div居中,方法是为其指定一个绝对位置,左值为50%,左边缘像素值为div宽度像素尺寸的负一半

因此,如果你有一个宽度为955px的div,要使它居中,你会给它一个绝对位置,左边的值为50%,左边的边缘值为-477.5,它应该保持居中


至于水平滚动条,您应该将正文的像素尺寸设置为宽度和高度的100%,这样您的页面将根据用户的分辨率调整大小。

re三个问题:不,这不是作弊,但与将其作为单独的问题发布相比,获得有用答案的可能性更小很抱歉,离题了,但还是忍不住,你的标题中有一个有趣的矛盾:我是asley mosuro,我是设计师,我专注于网络。。。我也觉得旋转画廊太快了。看不清你是谁。或者我可能是一个阅读速度很慢的家伙,但还是要感谢你的评论。你对文本副本的看法也很正确。我需要阅读整个网站一旦我有了功能排序。