当您必须链接到带有数千个单词的页面的某个地方时,锚成为一个非常有用的工具,这不幸的是在公司网站上经常发生。

只有问题是,一个锚在设计时只是简单的糟糕,当用户点击一个链接时,他几乎认为他’S会转到另一个页面,但在这种情况下,他只是跳下内容,这可能真的很迷惑,即使对于像我们这样的电力用户,虽然不明确,如果链接是锚而不是正常链路。

如何改变这种行为?良好地使用简单脚本为滚动条设置动画,它将向下滑动到您的锚点目标,如果javascript关闭,则将正常的锚点仍会起作用。

从github下载   |   查看演示

它真的很容易集成在您的网站中,您无需JavaScript知识。

3将此功能在您的网站上工作的简单步骤:

步骤1: 请插上jQuery库,以及我的脚本在头文件中。

第2步: 在您的锚链接中添加类anchorLink<a href=”#anchorTarget” class=”anchorLink”>

Step 3
:在您的锚点目标中,请为您的HTML锚投用ID和名称。<a name=”anchorTarget” id=”anchorTarget” >

而且你完成了,这个脚本可以自由地使用,无论你认为适合任何东西,Juste会把我的脚本评论留给信用!

从github下载   |   查看演示

需要时间来维护这些JavaScript片段,如果您喜欢并使用此处的工作,请考虑为我买啤酒’廉价和一种简单的方法来回馈!





评论已关闭,因为支持请使用论坛

广告

加入 tesking 646-363. 在线Web开发课程了解不同的Web应用程序并成为专家使用 tesking 646-656. JavaScript教程和专家 tesking 1Y0-A08 关于HTML的研究指南。

104 thoughts on “更好的HTML锚点,是摇动滚动条的jQuery脚本

  1. 在使用Opera中动画滚动条时出现问题,尝试重用.Default(),但似乎这不起作用

评论被关闭。