【问题标题】:Force mouse wheel scroll on last section在最后一部分强制鼠标滚轮滚动
【发布时间】:2017-08-29 02:47:06
【问题描述】:

我正在使用 uncode 主题构建一个 wordpress 页面并将页面设置为滚动到部分。但是,当我到达超过窗口高度的最后一部分时,它会停止使用我的鼠标滚轮滚动。

如何强制这个仅是最后一个部分的特定 div 按我的意愿滚动​​?

网址:https://powerfulpoints.com.au/SITE_2017/#6

非常感谢任何帮助。

谢谢!

【问题讨论】:

  • 你的意思是如果你在页面底部不能向上滚动?
  • @Steven,不一定在底部,如果您尝试查看我包含的链接,当您到达“新项目”部分时。您仍然可以向页脚滚动,不幸的是,它似乎没有使用鼠标滚轮向下滚动,而是您必须手动移动滚动条才能向下滚动。
  • 是的,我尝试了链接,但看不到我可以滚动到底部。我发现想要向上滚动是不可能的。你也是对的,你不能向下滚动。您需要使用滚动条。你能展示一下你用来做这件事的 Jquery 代码吗?
  • 嗨@Steven,它是用你可以在这里找到的主题构建的:powerfulpoints.com.au/SITE_2017/wp-content/themes/uncode/… 它使用了一个“isSectionscroller”变量。
  • @Steven,我还删除了阻止该部分向上滚动的 jquery 脚本。感谢您发现这一点!

标签: javascript jquery wordpress scroll


【解决方案1】:

我能想到的唯一原因是你不能向下滚动是因为:

你有以下代码:

$(this).attr('data-section', index);

如果您查看#6 html 代码,它看起来像这样:

<div data-parent="true" class="enabled-scroll row-container onepage-
section boomapps_vcrow" data-label="6" data-name="6" data-section="6">

你看有data-section = 6

但是页脚没有data-section

因此,它无法使用该功能向下滚动,因为数字 6 是结尾。

你可以做两件事:

  • 首先你可以把页脚放到data-section 6

  • 您可以做的第二件事是创建一个data-section 7

如果您有任何其他问题,请随时提出。

【讨论】:

  • 当我到达最后一个部分时,我可以使用任何脚本强制它滚动吗?
  • 使用您向我展示的 var,我认为您可以做的唯一想法就是您可以将页脚放入数据部分 6,或者您可以创建一个数据部分 7。你明白吗我对第 7 节和第 6 节的数据是什么意思?
  • 是的,我明白你的意思。但是,我们使用的默认页脚也被其他页面使用。我希望可以通过脚本或其他方式来处理它。我会尝试您的解决方案并随时通知您。谢谢!
  • 好的,谢谢,让我知道它是否有效。一问能不能自己写脚本文件?
  • 是的,史蒂文。我只需要了解鼠标滚轮是如何在特定 div 上停止的,即使它下面还有额外的内容。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-09-29
  • 2023-03-09
  • 1970-01-01
相关资源
最近更新 更多