Question

我正在创建一个单页面布局组合网站，我想要包含的一个功能是一个固定按钮，点击后将转到下一部分（投资组合，联系人，关于，无论发生什么事情）当点击时。通常对于这种布局我会使用平滑的滚动功能，然后只是从不同的按钮定位单个锚点，但我从来没有试过制作一个按钮来完成所有操作。有没有办法在每次点击时更改此按钮的目标锚点，还是有更好的方法，我不知道？道歉，我没有真正的代码可以展示，因为我不确定如何从一开始就接近这一点，任何建议都会非常感激。

Answer 1

如果我正确理解您的问题，您可以将您的单页分隔符分成相同长度的单独部分。然后在页面上有一个固定按钮，当您单击时滚动到下一部分。

Answer 2

我想说你需要有一系列目标。等等：

var targets = ["asd", "dsa", "123", "321"];
$("#SomeAnchor").click(function(e) {
        e.preventDefault(); //prevents firing the event of the <a> tag
        var currentTarget = $(this).attr('href');   //takes current anchor target
        var nextTarget = null;
        for (var i =0; i < Targets.length; i++) {   //loop every target
             if (Targets[i] === currentTarget ) {   //if this is the current target, get next
                 if (i === Targets.length - 1) {  //if i stands for the last position in Targets
                     nextTarget = Targets[0]; //first target again
                 } else {
                     nextTarget = Targets[i + 1]; //take next target
                 }
             }  
        }
//i dont get what you want to do next, but now you can manage your targets.
//of course that it must not be targets array and it can be array of elements
// like $(".item") <- this will give you an array of elements containing class named 'item'
    });

代码未经过测试我是在这里写的，因为我需要先更新我的WebStorm ......

单击时更改链接的目标锚点 - 单页面布局

2 个答案: