我正在尝试做一个向下箭头,通过点击jquery按顺序(一个一个地)移动锚点。到目前为止,我只设法立即移动它们。使用jQuery滚动锚点
var targets = new Array();
$(".jump").each(function() {
targets.push($(this).attr('id'));
});
$("#clickme").click(function() {
for (var i = 0; i < targets.length; i++) {
if (i + 1 >= targets[i]) {
$("html, body").animate({
scrollTop: $('#' + targets[i]).offset().top
}, 1000);
}
}
});
p {
padding-top: 100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a style="cursor: pointer;" id="clickme">Click Here</a>
<a class="jump" id="1"></a>
<p>Lorem ipsum dolor sit amet...</p>
<a class="jump" id="2"></a>
<p>Lorem ipsum dolor sit amet...</p>
<a class="jump" id="3"></a>
<p>Lorem ipsum dolor sit amet...</p>
我的代码或算法可能是错的。我开放给jQuery的替代品。
*(请忽略和原谅暂时关闭。我已经打开** **都现在眼睛)* –