<div class="right_nav">
<p class="right1"><a href="#" target="_self">收藏本页</a></p>
<p class="right1 right2"><a href="#" target="_self">分享活动</a></p>
<p class="right1 right2">在线咨询</p>
<p class="right1 right3"></p>
</div>
.right_nav{ 92px; background:#FFF; position: fixed; right:2px;bottom:100px;z-index:9999;}
.right_nav ul{ border:1px #DFDFDF solid; background:#FFF; border-bottom:0;}
.right_nav li{ 100px; margin-left:8px; height:36px; line-height:36px; text-align:center; border-bottom:1px #E9E9E9 solid;}
.right_nav li img{ vertical-align:middle; cursor:pointer;}
.right_nav li a{ text-decoration:none; color:#666666;}
.right_nav li .aa{color:#666666; font-weight:bold;}
.right_nav li.youj{ background:url(images/ico6.jpg) no-repeat 8px center; text-indent:24px;}
.right_nav .p2{ cursor:pointer;}
.right_nav .pwx{color:#666666; text-align:center; line-height:22px; margin:4px 0;}
<script>
$(function(){
//$(".dh_box_bg ul li:odd").css({ background: "#FFF6E4",border:"1px #FFF6E4 solid" });
$(window).scroll(function(){
if($(this).scrollTop()>300){
$(".left_nav").css("display","block");
}else{
$(".left_nav").css("display","none");
};
});
//回到页面顶部位置
$(".p2").click(function(){
$('body,html').animate({scrollTop:0},600);
return false;
});
})
</script>
<script>
$(function(){
jQuery(document).ready(function() {
jQuery(".right_nav ul li a").click(function() {
jQuery("html, body").animate({
scrollTop: jQuery(jQuery(this).attr("href")).offset().top+ "px"
}, {
duration: 500,
easing: "swing"
});
return false;
});
});
//回到页面顶部位置
$(".p2").click(function(){
$('body,html').animate({scrollTop:0},600);
return false;
})
$(window).scroll(function(){
if($(this).scrollTop()>200){
$(".right_nav").css("display","block");
}else{
$(".right_nav").css("display","none");
};
});
})
</script>