js 置顶操作
2016-04-09 12:16
621 查看
//置顶
document.getElementById("pro-view-8").onclick = function(){document.body.scrollIntoView();}
window.onscroll = function(){
if(document.body.scrollTop > 30){
if($("#pro-view-8")[0].style.display === "block") {return;}
$("#pro-view-8").show();
}else{
if($("#pro-view-8")[0].style.display === "none") {return;}
$("#pro-view-8").hide();
}
}
方式2
function scrollToLocation(id){
document.body.scrollTop = $("#"+id).offset().top;
}
<div class="content" id="top"></div>
document.getElementById("pro-view-8").onclick = function(){document.body.scrollIntoView();}
window.onscroll = function(){
if(document.body.scrollTop > 30){
if($("#pro-view-8")[0].style.display === "block") {return;}
$("#pro-view-8").show();
}else{
if($("#pro-view-8")[0].style.display === "none") {return;}
$("#pro-view-8").hide();
}
}
方式2
function scrollToLocation(id){
document.body.scrollTop = $("#"+id).offset().top;
}
<div class="content" id="top"></div>
相关文章推荐
- js input输入数量控制
- 【笔记】 《js权威指南》- 第17章 事件处理 - 17.4 - 17.6
- javascript面向对象
- Servlet Response JSON
- jspSmartUpload上传图片的路径问题
- JSP中include指令的乱码问题
- jsp文件放在WebRoot下还是WebInfo下
- 2.javascript语法详解
- javascript获取url参数
- $getJSON方法中文乱码
- js中将返回值变成json格式
- js中获取键盘事件
- LABVIEW转换JSON为数组和图表
- 1.javascript基础
- 常规功能和模块自定义系统 (cfcmms)—040模块记录(数据)的权限设计(5)聚合操作
- JS闭包以及具体题目1
- 开发中js常用的格式化方法
- json、dictionary、dynamic转化
- js转换字符串为date格式
- JS字符串替换函数全部替换方法