HTML5技术

手机端H5点击类目自动定位到相应内容 - wangwht

字号+ 作者:H5之家 来源:H5之家 2017-01-10 14:00 我要评论( )

_obj = {}; /*点击弹出分类*/ _obj.openZZ=function(){ document.getElementById("app_screen01").style.display="block"; //分类弹出时显示遮罩层 _Box_object.shownavigation(); //分类动画弹出效果 } /*点击隐藏分类*/ _obj.openZZ2=function(){ document

_obj = {};
/*点击弹出分类*/
_obj.openZZ=function(){
document.getElementById("app_screen01").style.display="block"; //分类弹出时显示遮罩层
_Box_object.shownavigation(); //分类动画弹出效果
}
/*点击隐藏分类*/
_obj.openZZ2=function(){
document.getElementById("app_screen01").style.display="none"; //分类隐藏时并隐藏遮罩层
_Box_object.hidenavigation(); //分类隐藏
}

$("#ul_type_id li").on("click",function(){
_obj.openZZ2();
var scroll_offset = $("#"+$(this).attr("alt")).offset();
$("body,html").animate({
scrollTop:scroll_offset.top-50 //让body的scrollTop等于pos的top,就实现了滚动
},500);
});

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 30秒找到藏在家里的手机 - 青南

    30秒找到藏在家里的手机 - 青南

    2017-01-08 10:01

  • AlloyTouch Button插件-不再愁click延迟和点击态 - 【当耐特】

    AlloyTouch Button插件-不再愁click延迟和点击态 - 【当耐特】

    2016-12-14 10:00

  • 【极品代码】一般人我不告诉他,手机端h5播放时不自动全屏代码 - 你好像很美味

    【极品代码】一般人我不告诉他,手机端h5播放时不自动全屏代码 - 你

    2016-11-02 17:00

  • 刚入前端整合的一个手机端页面适配+预加载+获取资源加载进度等的一个小模板 - 龙心smile

    刚入前端整合的一个手机端页面适配+预加载+获取资源加载进度等的一个

    2016-09-07 12:00

网友点评