html - 没有 JavaScript 的水平滚动

标签 html css progressive-enhancement graceful-degradation

我正在组合一个水平滚动布局来显示嵌套内容(想想文件夹内的文件无穷无尽)。出于优雅降级的目的,是否有任何方法可以加载最初一直向右滚动的页面,无需 JavaScript?通过添加 <a id="foo"></a> 很容易将它一直滚动到底部到页面末尾并添加 #foo到 URL,但这似乎不能横向工作。

最佳答案

是的!查看this fiddle .您可以看到我正在使用 anchor 来引用页面右侧的元素方式(黄色的 div),并且浏览器正在将该元素滚动到 View 中,就像它向下滚动以将元素带入 View 一样在窗口边缘下方。

关于html - 没有 JavaScript 的水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24849843/

相关文章:

html - 更改移动设备上的 Bootstrap 顺序 - 3 个不同的框

html - Flexbox 的挣扎

html - 在 Bootstrap 中,如何将我的按钮与上面的元素左对齐?

html - 链接内的跨度高度被截断

css - 内联 block 添加底部空间

javascript - 检测对给定 JavaScript 事件的支持?

来自 Sharepoint 的 HTML 电子邮件看起来与网站上的不同

javascript - CSS 文件中的媒体查询根本不起作用

javascript - 是否可以在关闭 JS 的情况下使 AJAX 站点可抓取并优雅地降级?

javascript - HTML5 和占位符 : how to do it progressively?