【问题标题】:Is it possible to only scroll via a button not via scroll wheel? Javascript是否可以仅通过按钮而不通过滚轮滚动? Javascript
【发布时间】:2015-03-09 13:13:13
【问题描述】:

我有一个需要这种技术的网站的想法。它与淡入技术相比,但在我看来这更适合设计。无论如何禁用滚动选项并且仅在单击其按钮时滚动到锚点。如果有人得到教程的链接,那将非常有帮助,因为我自己也不清楚。

【问题讨论】:

  • 您可以使您的页面不可滚动(与屏幕大小相同),然后使用 JavaScript 处理向下和向上箭头。然后您可以使用 JS 更改页面内容。
  • 对我不起作用..

标签: javascript html css


【解决方案1】:

要禁用滚动选项,您可以像这样使用 css 溢出规则:

overflow-y:hidden;

要为按钮添加功能,您必须使用设置为侦听点击的 js 事件侦听器:

document.getElementById("t1").addEventListener("click", scrollDown);

之后,您可以使用 javascript 或 jquery 将页面滚动到任何锚点,具体取决于页面位置/已经发生的点击等。

以下是您正在尝试做的事情的综合 jsFiddle: JsFiddle

我在那个例子中使用了很多 div,但函数唯一重要的是所用元素的 id。

希望这会有所帮助!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-08-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-19
    • 1970-01-01
    • 2018-04-20
    相关资源
    最近更新 更多