【问题标题】:Horizontally centered on a horizontally scrolling page在水平滚动页面上水平居中
【发布时间】:2012-09-20 18:30:08
【问题描述】:

我正在尝试开发一个水平滚动的网站,在该网站中单击导航中的链接会将页面向右滚动到链接的 div。

问题是我希望它滚动到的元素在浏览器窗口中水平居中。我认为这可以使用 javascript 来完成,但我不知道如何去做。

这是我的 HTML 的 pastebin 链接:http://pastebin.com/YxajLvtW 这是 CSS:http://pastebin.com/JpaJC2Yg

我知道如何实现 javascript,但不一定读/写它。

【问题讨论】:

    标签: css horizontal-scrolling alignment


    【解决方案1】:

    这应该会有所帮助:http://www.arvindandrion.com/jquery/horizontal-scroll-using-jquery-scrollto/

    一般建议:使用像 jQuery 这样的 Javascript 框架来编写 Javascript 功能。它让生活变得更轻松:)

    也可以看看这个:http://api.jquery.com/scrollLeft/

    【讨论】:

    • 好吧,我已经有了水平滚动部分,我只是想弄清楚水平居中的部分。 Scrollto 和 scrollleft 只是自动滚动到下一个元素,对吧?我一直使用margin-left:auto,margin-right:auto,但是当容器宽度比浏览器宽时会中断。
    • 我在这里更新了它,但我不确定它是否工作正常:jsfiddle.net/8abWm/2 一个功能版本在这里:ikilledtheinter.net/centered 显然它现在只是 simlpe 水平滚动结构,我只是在尝试让元素工作。真的,我唯一要问的是如何水平居中(相对于浏览器)页面的每个元素。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-04
    • 1970-01-01
    • 1970-01-01
    • 2012-11-02
    • 1970-01-01
    相关资源
    最近更新 更多