如何在Wordpress上使用Javascript添加跳转事件



简而言之,我在wordpress网站上创建了这个页面。问题是,页面上的内容被分为不同的行,非常大,我想在页面开始时为每个部分(在本例中为行(启用一个跳转到部分的链接(和跳转回顶部的链接(。

不过,我不确定在wordpress上最好的方法是什么,以及我是否应该添加一个偶数类型的滚动或跳转。此外,我想创建一个对多个部分执行此操作的函数。。。为了有一个整洁简单的代码,有什么函数选项可以推荐我搜索并尝试使用吗?

谢谢

创建链接到"跳转到";页面的一部分带有锚链接。这个页面有一个例子:

https://www.rapidtables.com/web/html/link/html-anchor-link.html

请注意,当您单击锚链接时,浏览器URL会更新,这就是您共享页面特定部分链接的方式。

如何在Wordpress中创建锚链接(视觉编辑模式(:

  1. 首先添加锚点标记。这将转到您想要跳转到的节标题(即链接的目的地(。在Wordpress视觉编辑模式下,在屏幕的右侧,您应该会看到"高级"部分。在";HTML锚点";字段,添加您的标签。使用破折号(-(而不是空格。这里有一个例子:my-section

  2. 现在创建到标记的链接。高亮显示将链接到定位标记的文本。单击";链接";按钮,并在其前面添加带有磅符号(#(的锚标记。示例:#my-section

保存并发布。现在,当您单击在步骤2中创建的链接时,它应该会将您跳转到在步骤1中标记的部分。

有关详细说明,请参阅Wordpress.com指南:https://wordpress.com/support/splitting-content/page-jumps/

相关内容

  • 没有找到相关文章

最新更新