首页 / JAVASCRIPT / javascript – 单击链接后存储HREF值

javascript – 单击链接后存储HREF值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 单击链接后存储HREF值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1414字，纯文字阅读大概需要3分钟。

内容图文

所以我是JavaScript / jQuery的新手,我一直在尝试将它一点一点地应用到我的网站(www.joeyorlando.me).

我正在尝试解决的当前问题是当用户点击页面顶部的一个链接时(即用户点击“背景”和页面),我的网站会慢慢向下滚动页面到正确的部分慢慢向下滚动到“背景”).理想情况下,我甚至希望滚动功能稍微超过该部分的顶部(可能是50-100px),然后顺利地“反弹”回到该部分的顶部.

我的想法是存储来自点击链接的HREF值,然后使用此href值让页面向下滚动到该部分.我现在只关注第一部分,存储点击链接的HREF值,这是我到目前为止但它没有正常工作,控制台一直告诉我,当我尝试检查值时,未定义HREF单击其中一个链接后的HREF.

HTML代码

<nav>
  <ul>
    <li><a href="#about">About</a></li>
    <li><a href="#background">Background</a></li>
    <li><a href="#research">Research</a></li>
    <li><a href="#travels">Travels</a></li>
    <li><a href="#contact">Contact Me</a></li>
  </ul>
</nav>
<body>
  <div id="about"></div>
  <div id="background"></div>
  <div id="research"></div>
  <div id="travels"></div>
  <div id="contact"></div>

JavaScript代码

 $('nav ul li a').click(function() {
     window.location.href =  $(this).attr('href');
    var href =  $(this).attr('href');
 });

此外,布朗尼指向任何可以给我建议让页面慢慢向下滚动到正确位置的人.我尝试使用.scrollTo(),但它对我来说不正常:(

先谢谢你们！

解决方法:

为什么你还需要存储href？

用这个：

$(document).ready(function() {
    $('ul li a').click(function() {
        var id = $(this).attr('href');
        $('html, body').animate({
            scrollTop : $(id).offset().top
        }, 500);
    });
});

在这里小提琴：http://jsfiddle.net/fd7U7/

内容总结

以上是互联网集市为您收集整理的javascript – 单击链接后存储HREF值全部内容，希望文章能够帮你解决javascript – 单击链接后存储HREF值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/770900.html

来源：【匿名】