使用jquery进行视差滚动

Question

我需要在以下代码中添加自动滚动效果。用于wordpress网站。点击菜单时需要关注以下部分。

<section class="screen_shotz" style="display:block;">
<div class="light_box_wrap container">
	<div class="title ">
		<h2>SCREENSHOTS</h2>
	</div>
	<div class="tab_wrap wow bounceIn animated">
	
		<div class="light_box_tab col-md-6">
		
			<div class="light_box_inner driver">
			
				<div class="light_box_lay" id="driver">
				
					<h2>Driver App<!--<div class="fa fa-chevron-right light_box_arrow"></div>--></h2>
					
				
				</div>
			</div>
		
		</div>
    </div>
    </div>
    </section>

Answer 1

请试试这个

$("#menuid").click(function() {
$('html, body').animate({
    scrollTop: $(".screen_shotz").offset().top
}, 2000); 
});

如果你想做任何其他操作，请在点击内写