Question

我尝试在浏览器向下滚动时更改href网址。我根据浏览器位置交换css类。我正在使用带有徽标的锚定标记来交换图像，我现在应该将其应用于主页链接。

在此处查看我的网站：http://www.paynecocraft.com（WIP）

主页底部有一个黄色箭头。单击它并浏览器滚动，导航变为粘性并显示徽标。一旦到达那一点，我希望徽标有一个主页链接。

这是我的HTML

<nav>                        
<ul class="inline-list main-links">
<li class="linkitem"><a href="#">About</a></li>
<li class="linkitem"><a href="#">Work</a></li>
<li class="linkitem"><a href="http://www.paynecocraft.com/store">Store</a>   </li>
<li class="circlearrow"><a id="changeonscroll" href="#scrolldown"></a></li>
<li class="linkitem"><a href="#">Plans</a></li>
<li class="linkitem"><a href="#">Contact</a></li>
<li class="linkitem"><a href="#">Blog</a></li>
</ul>
</nav>

我指的是“circlearrow”li。

这是我正在使用的javascript，但它不起作用。我刚刚进入Javascript，所以我可能没有正确的事情。原谅我。

<script>
$(document).ready(function(){
$(window).bind('scroll', function() {
var navHeight = $( window ).height() - 80;
if ($(window).scrollTop() > navHeight) {
document.getElementById("changeonscroll").href = http://www.paynecocraft.com;
}
});
});
</script>

Answer 1

试试这个：

JSFiddle（您需要调整窗口大小以尝试滚动）

$(document).ready(function () {
    $(window).bind('scroll', function () {
        var navHeight = $(window).height() - 80;
        if ($(window).scrollTop() > navHeight) {
            $("#changeonscroll").text('Hello World').attr('href', 'http://www.paynecocraft.com');
        }
    });
});

浏览器向下滚动时更改href url

1 个答案: