横向滚动 WordPress 网站

发布于 2024-10-11 10:35:50 字数 338 浏览 7 评论 0原文

我被要求为 Wordpress 设计一个类似于此的横向滚动网站
网站。每个帖子并排放置在页面上。

我想知道是否有一行 PHP 可以添加到 page.php 中，以允许正常的垂直滚动网站水平滚动？据我所知，没有使用 jQuery。。。。。

我已经寻找了无数的 WordPress 主题，但似乎找不到用于水平滚动的相关 php 片段。对于英国插画家/图形设计师来说，这似乎是一种相当常见的布局。有谁有任何想法如何实现这一目标？

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

葬シ愛 2024-10-18 10:35:50

https://css-tricks.com/how-to -create-a-horizontally-scrolling-site/

演示...

https:/ /css-tricks.com/examples/HorzScrolling/

相当不错 - 尽管使用锚点和滚动条可能会更直观箭头

回复收藏 0 原文

樱娆 2024-10-18 10:35:50

使用这个主题：
http://thethemefoundry.com/shelf/

否则，您将不得不深入研究 CSS 才能实现这种效果。

回复收藏 0 原文

日裸衫吸 2024-10-18 10:35:50

通过CSS（固定，见下文）或JavaScript（动态，例如取决于文章的数量）为您的主体（或例如包装器div）指定显式宽度。然后将你的文章向左浮动，并给它们一个明确的宽度。

<!DOCTYPE html>
<style>
    body { width: 8000px; }
    .article { float: left; width: 800px; }
</style>
<body>
  <div class="article">...</div>
  ... 
  <div class="article">...</div>
</body>

Give your body (or for instance a wrapper div) an explicit width, either via CSS (fixed, see below) or JavaScript (dynamic and for instance depending on the number of articles). Then float your articles left and give them an explicit width as well.

<!DOCTYPE html>
<style>
    body { width: 8000px; }
    .article { float: left; width: 800px; }
</style>
<body>
  <div class="article">...</div>
  ... 
  <div class="article">...</div>
</body>

回复收藏 0 原文

~没有更多了~