首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

jQuery 尺寸、位置操作

jQuery 尺寸、位置操作 ​ jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。 1.1. ...jQuery 尺寸操作 ​ jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。 语法   1.以上参数为空,则是获取相应值,返回的是数字型。...1.2. jQuery 位置操作 ​ jQuery位置操作主要有三个: offset()、position()、scrollTop()/scrollLeft() , 具体介绍如下: 语法 1. offset...获取设置距离文档的位置(偏移) offset console.log($(".son").offset()); console.log($(".son")...获取距离带有定位父级位置(偏移) position 如果没有带有定位的父级,则以文档为准 // 这个方法只能获取不能设置偏移 console.log(

1.1K20

jQuery 尺寸、位置操作

image.png jQuery 尺寸、位置操作 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。...1. jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。...2. jQuery 位置操作 jQuery位置操作主要有三个: offset()、position()、scrollTop()/scrollLeft() , 具体介绍如下: 语法 代码演示...获取设置距离文档的位置(偏移) offset            console.log($(".son").offset());            console.log($(".son")...获取距离带有定位父级位置(偏移) position   如果没有带有定位的父级,则以文档为准            // 这个方法只能获取不能设置偏移            console.log(

67320

利用本地存储,记录滚动条位置

2、功能分析 这个功能的实现并不是很难,当页面滚动时记录页面滚动条位置并保存到本地存储里面,当你再次打开页面的时候读取本地存储里面的值来设置页面滚动条位置。具体我们来分析一下。...分析: 1、监听页面滚动条的状态(是否滚动) 2、滚动时获取页面滚动条位置 3、滚动条位置保存到本地存储里面 4、页面每次加载的时候获取本地存储里面的值 5、获取到的值来设置页面滚动条位置 3、知识要点...2、滚动时获取页面滚动条位置 代码中解决了获取滚动条位置的兼容问题。...'); } 5、获取到的值来设置页面滚动条位置 跟获取滚动条位置一样处理了浏览器兼容问题。...5、总结 利用本地存储,记录滚动条位置,主要涉及了两个主要技术点,一个点是滚动条的操作,另外一个点是本地存储的操作。

2.6K70

jQuery滚动到页面指定位置

文章作者:Tyan 博客:noahsnail.com         在前端的页面开发中,经常会碰到页面跳转问题,这个跳转指的是页面内部跳转到指定位置,通常是在有滚动条的情况下,网上介绍的方法很多,本文主要是介绍...jQuery函数中的一个小trick,.focus()函数。         ...先来看一下jQuery的官方文档:         上面的文档扯了一堆,半点没看到页面跳转的影子,但是在实际应用中你会发现,如果一个控件调用了.focus()方法,页面会自动跳转到控件所在位置。         ...举例说明:         如图,这是一个pop up,modal,如果你选中了某一条数据,你想再打开这个pop up时页面直接跳转到选中的这条数据的位置,用.focus()可以这么写: $('input...[name=test]:checked').focus(); test是一堆radio的name,:checked代表查找被选中的那个radio,focus()方法会直接将页面跳转到被选中的这条数据的位置

6.9K20
领券