当前位置：首页 > 资讯 >

jQuery从入门到熟练(13)

2023-04-24 来源:飞速影视

scrollTop(): 读取/设置滚动条的Y坐标$(document.body).scrollTop() $(document.documentElement).scrollTop(): 读取页面滚动条的Y坐标（兼容 chrome 和 IE）$("body,html").scrollTop(60); 滚动到指定位置（兼容 chrome 和 IE）
<body style="height: 2000px;"><div style="border:1px solid black;width:100px;height:150px;overflow:auto"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. his is some text.</div><br><br><br><button>得到scrollTop</button><button>设置scrollTop</button><script src="js/jquery-1.10.1.js"></script><script> //1. 得到div或页面滚动条的坐标 $("#btn1").click(function () { console.log($("div").scrollTop()) // console.log($("html").scrollTop() $("body").scrollTop()) console.log($(document.documentElement).scrollTop() $(document.body).scrollTop()) // 兼容IE/Chrome }) //2. 让div或页面的滚动条滚动到指定位置 $("#btn2").click(function () { $("div").scrollTop(200) $("html,body").scrollTop(300) })</script></body>

1 ...11 12 13 14 15 ...33 查看全文

jQuery从入门到熟练(13)

石榴熟了之一拍到底

从宫本到你

从民工到明星

从爱情到幸福

从零到一的爱情

入地无门

破门而入

嫁入豪门