分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

jQuery之_元素滚动

发布时间:2023-09-06 02:06责任编辑:赖小花关键词:jQuery

对应的知识点铺垫,但是有一个很重要的问题就是兼容IE和chorme的

1. scrollTop():
?读取/设置滚动条的Y坐标
2. $(document.body).scrollTop()+$(document.documentElement).scrollTop()
?读取页面滚动条的Y坐标(兼容chrome和IE)
3. $(‘body,html‘).scrollTop(60);
?滚动到指定位置(兼容chrome和IE)

  需求:

1. 得到div或页面滚动条的坐标
??2. 让div或页面的滚动条滚动到指定位置

$("#btn1").click(function(){ ???????console.log($("div").scrollTop()); ???????//在chrome的话,直接body就可以,但是ie不可以,直接html的话,IE可以,chorme不可以。两者不一样,所以为了兼容两者,就进行把两者相加即可 ???????// ???????console.log($("html").scrollTop()+$("body").scrollTop()) ???????//但是下面这个效率更高,因为直接就可以获取到 ???????$(document.body).scrollTop()+$(document.documentElement).scrollTop() ???}); ???// 2. 让div或页面的滚动条滚动到指定位置 ???$("#btn2").click(function(){ ???????console.log($("div").scrollTop(300)); ???????//w为了两个有效果必须要使用两个,保证两种浏览器都有效果 ???????console.log($("html,body").scrollTop(300)); ???????????});

jQuery之_元素滚动

原文地址:https://www.cnblogs.com/caicaihong/p/9379229.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved