单击相应的分类链接后，滚动到div的顶部

可以使用jQuery的scrollTop()方法将滚动位置设置为0，从而实现滚动到Div顶部的效果。使用一个单击事件来捕捉分类链接，并在单击事件中添加scrollTop()方法。

HTML代码示例：

<div class="category"> //分类div <h2><a href="#food">食品</a></h2> <ul> <li>水果</li> <li>蔬菜</li> <li>肉类</li> </ul> </div> <div id="food"> <p>这是食品类的内容</p> </div>

jQuery代码示例：

$('a[href^="#"]').click(function(){ //捕捉单击事件 var id = $(this).attr('href'); //获取单击的链接 href 值 var position = $(id).offset().top; //获取 div 元素的 top 值 $('body,html').animate({scrollTop:position}, 1000); //使用 animate() 方法滚动到顶部 return false;
});