javascript - 所有菜单的通用滚动顶部功能

Question

我想为所有滚动功能编写通用功能。现在它正在为所有'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>

Answer 1

试试这个

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>