jquery - 非 JavaScript 用户的 jQuery ScrollTo / serialScroll 可访问性

Question

我已经成功实现了 Ariel Flesler 的 ScrollTo 和 serialScroll 插件 (http://plugins.jquery.com/project/ScrollTo) 用于垂直滚动溢出：隐藏 div。在这里，正常的滚动条不会出现，而是用户单击我创建的按钮，这些按钮使用 Flesler 的脚本实现渐进、轻松的滚动。但是，我的问题是我希望滚动条出现 - 仅适用于没有启用 JavaScript 的用户，这样他们仍然可以向下滚动并查看该 div 中的所有内容，而无法使用我手动实现的滚动条。

我一直在寻找答案，所以这真的是我最后的手段。谢谢！

Answer 1

您需要确保 divoverflow:auto最初已在您的 CSS 中设置，然后让 Javascriptoverflow:hidden稍后将其更改。

这样，禁用 Javascript 的用户将看到滚动条，而启用 Javascript 的用户则看不到。

<script type="text/javascript">
    $(document).ready(function(){
        // change yourDiv to whatever selector is needed
        $(yourDiv).css("overflow","hidden");
    });
</script>