<div class="right_menu" id="right_menu">
<div class="menu">
<ul>
{foreach from=$goods item=data}
<li data-taget="#shop_hd_{$data.cat_id}">{$data.cat_name}</li>
{/foreach}
</ul>
</div>
<div class="totop"><a href="javascript:scroll(0,0)">回到顶部</a></div>
<div class="menu">
<ul>
{foreach from=$goods item=data}
<li data-taget="#shop_hd_{$data.cat_id}">{$data.cat_name}</li>
{/foreach}
</ul>
</div>
<div class="totop"><a href="javascript:scroll(0,0)">回到顶部</a></div>
</div>
$("#right_menu ul li").click(function(){
var tag = $(this).attr("data-taget");
$("html,body").animate({scrollTop:$(tag).offset().top},1000)
});
$(window).scroll(function(){
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();
if(scrollTop > 100 && (scrollTop + windowHeight)<(scrollHeight-150))
{
$("#right_menu").show();
}else
{
$("#right_menu").hide();
}
});