首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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
您找到你想要的搜索结果了吗?
是的
没有找到

uni-app 小程序页面动到指定位置,相对位置计算

我有一个页面需要定位也就是需要点击定位按钮页面动到指定位置 查了一下UNI-APP的API,发现可以有API可以进行页面定位 uni.pageScrollTo({ scrollTop...: 0, // 滚动到页面的目标位置(单位px) duration: 300 // 滚动动画的时长,默认300ms,单位 ms }); uni.pageScrollTo({...selector: "#id", // 找到ID滚动到指定位置 duration: 300 // 滚动动画的时长,默认300ms,单位 ms }); 一个是指定位置...,像素级指定,但你必须知道每个人的格子的位置,那么还有一个selector 可以用,我可以指定每一个格子的ID,比如张三的格子,ID:张三, 王五:ID王五。...代码一跑,页面是滚动起来了,但是不对啊。我定位王王,但 只滚动到了李四的位置,王五在外面,没显示出来。 检查了高度,发现只是王五那一排 及以后的各排,都只定位到李四位置,他就是他们组的外层。

49530

页面回发后,让页面自动滚动到指定位置的一种简单的方法

就是当用户按一个按钮后,希望回发后的页面滚到一个指定位置,而不是页面的开头部分。...博克园里的“最新评论”里的链接,点击后打开的页面会直接滚动到指定的评论而不是帖子一开始的位置。...发现有这一类的标签 原来奥秘就在 name="001"这里,在这里作一个“标记”,然后单击这个连接的时候就会自动滚动到这里...等等好像还有一个问题,如果在同一个页面里,需要根据不同的情况,跳到不同的位置怎么办呀。这个也简单。...我们多做几个 标签,标记多个位置,然后要跳到哪里就把对应的 标签的ID放在文本框里面。在稍微修改一下js函数就可以了。

3.1K70

H5C3第四节

任何一个容器都可以指定为Flex布局。 CSS3在布局方面做了非常大的改进,使得我们对块级元素的布局排列变得十分灵活,适应性非常强,其强大的伸缩性,在响应式开中可以发挥极大的作用。...fullpage是jquery插件 引入fullpage的js文件 页面结构 编写js代码 <!...loopTop 滚动到顶部后是否连续滚动到底部,默认false loopBottom 滚动到底部后是否连续滚动到顶部,默认false continuousVertical 是否循环滚动,默认为false...nextIndex是滚动到页面的序号,direction是往上还是往下滚动,值是up或者down....return false可以取消滚动 afterResize() 窗口大小发生改变后会触发的回调函数 afterSlideLoad(anchor,index, slideAnchor,slideIndex) 页面动到某一个幻灯片的时候会触发这个回调函数

5.3K30

fullPage.js全屏滚动插件

设定的相关属性与 anchors 的值对应后,菜单可以控制滚动 navigation (true/false)是否显示项目导航 navigationPosition (string) 项目导航的位置...(array)项目导航的 tip slidesNavigation (true/false) 是否显示左右滑块的项目导航 slidesNavPosition (string)左右滑块的项目导航的位置...(true/false)滚动到最顶部后是否底部 loopHorizontal (true/false)左右滑块是否循环滑动 autoScrolling (true/false) 是否使用插件的滚动方式...”的序号,从1开始计算;nextIndex 是滚动到的“页面”的序号,从1开始计算;direction 判断往上滚动还是往下滚动,值是 up 或 down。...afterRender 页面结构生成后的回调函数,或者说页面初始化完成后的回调函数 afterSlideLoad 滚动到某一水平滑块后的回调函数,与 afterLoad 类似,接收 anchorLink

14.8K20

页面滚动,元素跳动;附带jquery.scrollex.js插件

有些动画是页面一加载就要的,还有一些动画是需要页面动到那个元素才要展示的。 本文以模板之家的 “全屏Story日记本个人主页自适应模板”为例,解析这两种动画实现的方式之一。...滚动到要实现动画的元素时(is-inactive): 其实和上面的意思一样: 在未滚动到该元素时,显示假位置。...当滚动到该元素时,去掉class:is-inactive 而监听滚动事件和判断是否去掉class:is-inactive 使用的是jquery.scrollwx.js插件 二、使用方法 要使用这个...jQuery插件,需要在页面中引入jquery(1.11+)和jquery.scrollex.js文件。...· enter:当指定元素进入视口时触发。可以通过mode, top和bottom参数来调整它的行为。 · leave:当指定元素离开视口时触发。

5.5K10
领券