[size=large][color=red][b]1.页面中代码[/b][/color][/size]
[size=large][color=red][b]2.跳转对应的函数[/b][/color][/size]
<div style="left:98%;top:50%;border: 1px solid #438EB9;position: fixed;width:100px;margin-left:-100px;heigth:80px;">
<div class="hover" style="margin-top:4px;text-align:center;cursor:pointer;" onclick="scrollTo('page1')">产品信息</div>
<div class="hover" style="margin-top:4px;text-align:center;cursor:pointer;" onclick="scrollTo('page2')">单件信息</div>
<div class="hover" style="margin-top:4px;text-align:center;cursor:pointer;" onclick="scrollTo('page3')">产品图片</div>
<div class="hover" style="margin-top:4px;margin-bottom:4px;text-align:center;cursor:pointer;" onclick="scrollTo('page4')">产品说明书</div>
</div>
[size=large][color=red][b]2.跳转对应的函数[/b][/color][/size]
function scrollTo(id){
jQuery("html, body").animate({
scrollTop: jQuery("#"+id).offset().top }, {duration: 500,easing: "swing"});
}