使用onclick滚动并打开Div

Question

我有这段代码：

<a onclick="$('a[href=\'#tab-customtab\']').trigger('click');">Enquire Now</a>

<div id="tab-customtab"></div>

这会打开div #tab-customtab，但不会滚动到它。有没有办法滚动到div onclick？

Answer 1

这样的事情？

function scrollToId(aid){
    var aTag = $("div[id='"+ aid +"']");
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

来源：https://stackoverflow.com/a/8579673/4356678

Answer 2

试试这个，它会让你更可靠，更有活力。

＆＃13;

＆＃13;

$(document).ready(function() {
			$(".menu").on("click",function(event) {
				
			if ($(".toggleMenu").hasClass('active')) {
			
				$(".toggleMenu").click();
			}
			$('html,body').animate({ 
			scrollTop: $(this.hash).offset().top}, 500);
			
			});
            
			$(".chosen-select").chosen();
	        
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<header>
  <nav>
    <ul>
        <li> <a href="#div1" class="menu">First</a></li>
        
        <li> <a href="#div2" class="menu">Second</a></li>
        
        <li> <a href="#div3" class="menu">Third</a></li>
        
        <li> <a href="#div4" class="menu">Forth</a></li>
    </ul>
  </nav>
</header>

<section style="height:150px;width:100%;" id="div1">
    <h2 style="text-center">First Div</h2>    
</section>

<section style="height:150px;width:100%;" id="div2">
    <h2 style="text-center">Second Div</h2>
</section>

<section style="height:150px;width:100%;" id="div3">
    <h2 style="text-center">Third Div</h2>
</section>

<section style="height:150px;width:100%;" id="div4">
    <h2 style="text-center">Forth Div</h2>
</section>

＆＃13;

＆＃13;

＆＃13;