我想为所有滚动功能编写通用功能。现在它正在为所有'li'使用单独的功能。如果我直接在点击事件中编写脚本它正在工作。但是如果我尝试它就不起作用调用函数。
function myFunction(a) {
$(document).ready(function() {
$('html, body').animate({scrollTop: $('a').offset().top-40}, 1000);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav navMenu">
<!-- <li class="test1" onclick="$('html, body').animate({scrollTop: $('#consulting').offset().top-40}, 1000);" ><a href="#consulting">Consulting & Solutions</a></li> -->
<li class="test1" onclick="myFunction(#consulting)" ><a href="#consulting">Consulting & Solutions</a></li>
<li class="test2" onclick="$('html, body').animate({scrollTop: $('#segments').offset().top-40}, 1000);" ><a href="#segments">Segments</a></li>
</ul>
<div id="consulting">
1st div
</div>
<div id="segments">
2nd div
</div>
最佳答案
试试这个
function myFunction(a) {
$('html, body').animate({scrollTop: $('a').offset().top-40}, 1000);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav navMenu">
<!-- <li class="test1" onclick="$('html, body').animate({scrollTop: $('#consulting').offset().top-40}, 1000);" ><a href="#consulting">Consulting & Solutions</a></li> -->
<li class="test1" onclick="myFunction(#consulting)" ><a href="#consulting">Consulting & Solutions</a></li>
<li class="test2" onclick="myFunction(#segments)" ><a href="#segments">Segments</a></li>
</ul>
<div id="consulting">
1st div
</div>
<div id="segments">
2nd div
</div>
关于javascript - 所有菜单的通用滚动顶部功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38352205/