jquery跳转到页面指定id处

来源:互联网 发布:初中电路实验软件 编辑:程序博客网 时间:2024/05/28 16:03
<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>


$("#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();
}
});

0 0
原创粉丝点击