css - 在水平滚动页面上水平居中

标签 css horizontal-scrolling alignment

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

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

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

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

最佳答案

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

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

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

关于css - 在水平滚动页面上水平居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12518702/

相关文章:

CKEditor 4 + 增强图像,默认居中。供引用

ios - 使用 NSTextAttachment 为 NSAttributedString 设置截尾的垂直对齐

css - 左、中、右对齐 div 在同一行的底部

css - 你能用普通的 Tailwind CSS 在悬停时产生圆形阴影吗?

html - 在不调用 CSS 中的图像 url 的情况下在 Sprite 图像之间淡入淡出

c# - 如何在WPF中的ListBox中根据高度显示项目?

html - 我网站上的水平滚动条有问题

html - 在图像上排列标题

css - 无法在 WAMP 中加载样式表

android - 如何让两个cardview水平滚动?