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

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

突然找到了一个老问题解决方法。 就是当用户按一个按钮后,希望回发后页面滚到一个指定位置,而不是页面的开头部分。...博克园里“最新评论”里链接,点击后打开页面会直接滚动到指定评论而不是帖子一开始位置。...标记”,然后单击这个连接时候就会自动动到这里。...很简单,在页面加载完毕之后执行这个js语句就可以了 document.getElementById("a001").click(); 等等,并不是每一次看这个页面都要自动滚动者这个标签上呀,...等等好像还有一个问题,如果在同一个页面里,需要根据不同情况,跳到不同位置怎么办呀。这个也简单。

3.1K70

jQuery滚动到页面指定位置

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

6.9K20
您找到你想要的搜索结果了吗?
是的
没有找到

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

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

58430

jQuery scroll()方法页面动到一定位置触发事件返回顶部

说在前面: 在日常工作中难免会遇到一些滚动事件应用,页面动到一定位置显示 返回顶部 按钮,header 头部 fixed 固定等,这时候就可以使用 scroll() 方法来实现我们需求。...定义和用法 当用户滚动指定元素时,会发生 scroll 事件。该事件适用于所有可滚动元素和 window 对象(浏览器窗口)。...scroll() 方法触发 scroll 事件,或规定当发生 scroll 事件时运行函数。...语法: $(selector).scroll() 应用: 我们监听滚动事件,放滚动到 400px 时,出发显示返回顶部标签,然后给该标签,绑定一个事件,点击返回顶部。...function() {         $(window).scroll(function() {             var scroHei = $(window).scrollTop();//滚动高度

6.1K30

横向滑动HorizontalListView滑动指定位置解决方法

项目中用到了自定义横向滑动控件:HorizontalListView,点击其中一项,跳转到另外一个大图界面,大图界面也是HorizontalListView,想使用setSelection方法设定 项目中用到了自定义横向滑动控件...:HorizontalListView,点击其中一项,跳转到另外一个大图界面,大图界面也是HorizontalListView,想使用setSelection方法设定到点击位置,却发现这个开源代码没有实现这个方法...maxWidth) { positionX = maxWidth; } scrollTo(positionX); } 然后调用horizonListview.setSelection(position);方法设置显示位置...(position); } }, 350); 3、优化:延迟方法效果不是很好,因为进入大图界面后界面明显卡顿一下再滑动到指定位置。...所以将setSelection 方法在界面一加载完成后就调用是最合适

1.7K80

getBoundingClientRect方法获取元素在页面相对位置

获取元素位置可以用 offset 或 getBoundingClientRect,使用 offset 因为兼容性不好,比较麻烦,offset获取位置会形成“回溯”。...而 getBoundingClientRect 方法则 兼容性较好,基本所有的浏览器都支持了,且使用起来更容易和简单。...1.使用语法: element.getBoundingClientRect(); 方法中没有任何参数,返回值为对象类型。...2.在IE8及以下浏览器中,返回值对象包含属性值有: top::元素上边缘距离文档顶部距离; right: 元素右边缘距离文档左边距离; bottom:元素下边缘距离文档顶部距离; left:...width 和 height 属性解决方法: 在IE8及以下浏览器中,可以通过计算得到元素宽和高: 如: var dom = document.querySelector("#demo"), r

3.8K20

Android中控制和禁止ScrollView自动动到底部方法

scrollView.fullScroll(ScrollView.FOCUS_UP);滚动到顶部 需要注意是:该方法不能直接被调用 因为Android很多函数都是基于消息队列来同步,所以需要一部操作...Override public void run() { scrollView.fullScroll(ScrollView.FOCUS_DOWN); } }); 二、禁止ScrollView自动动到底部...但有的时候能我们又需要禁止ScrollView自动动到底部,以下是解决方法: 具体表现 ScrollView 嵌套 GridView 、ListView等类似的控件时,当从网络上获取数据时刷新界面,...此事发生情况是: ScrollView 自动滑到屏幕最低端,具体来说时滑动展示数据最后一条位置,如果此时进行下拉刷新,也会出现布局显示不合理状况。...基本思路有,取消它获取焦点能力,ScrovView截获它焦点等。

3.5K20

获得同级iframe页面指定ID元素几种实现方法

1.JS实现:   var object= window.parent.frames("要获得iframename").contentDocument.getElementById("元素id");...2.jquery实现:   var object =$( "元素id", window.parent.frames("iframename").contentDocument); iframe获得父页面指定...id元素方法:   var object = $("元素id", window.parent.document); 父页面获得iframe子页面指定id元素方法:   var object =...["iframename"]、document.frames[""iframename"]区别   1.第一个和第三个具有浏览器兼容性,第二个和第四个只有在IE和Opera浏览器支持,而别的不支持...2.第一个和第二个得到是window对象,而第三个和第四个得到是HTMLIframeElement对象。

1.7K20

《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动动到元素出现位置

页面超过屏幕高度时候,需要滚动到元素出现位置元素处于可视窗口上才能去操作元素。...Created on 2023-12-16@author: 北京-宏哥公众号:北京宏哥Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动动到元素出现位置...Created on 2023-12-16@author: 北京-宏哥公众号:北京宏哥Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动动到元素出现位置...如下图所示:5.hover()hover()方法是将鼠标悬停在元素上,它也会自动页面上找到元素,它出现在可视窗口.5.1代码设计5.2参考代码# coding=utf-8# 1.先设置编码,utf-...Created on 2023-12-16@author: 北京-宏哥公众号:北京宏哥Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动动到元素出现位置

21320

《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动动到元素出现位置

页面超过屏幕高度时候,需要滚动到元素出现位置元素处于可视窗口上才能去操作元素。...''' Created on 2023-12-16 @author: 北京-宏哥 公众号:北京宏哥 Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动动到元素出现位置...''' Created on 2023-12-16 @author: 北京-宏哥 公众号:北京宏哥 Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动动到元素出现位置...如下图所示: 5.hover() hover()方法是将鼠标悬停在元素上,它也会自动页面上找到元素,它出现在可视窗口. 5.1代码设计 5.2参考代码 # coding=utf-8 # 1.先设置编码...''' Created on 2023-12-16 @author: 北京-宏哥 公众号:北京宏哥 Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动动到元素出现位置

9200

博客园随笔中点击标签可以跳到当页指定位置方法

我们在写随笔时候,如果内容比较多,那么我们就希望在最前面的索引中能自带跳转本文中具体问之功能。下面就简单介绍下载博客园中要实现这样功能方法。...例如文章结构可能如下,那么我们希望点击索引中索引项时能具体调到具体内容中对应位置。 索引 1、Struts2是什么玩意?核心?主要功能?...具体方法是将你要跳转标题插入设置书签,之后在标签中插入超链接。链接地址为 #书签名 。...具体步骤如下: 第一步: 插入标签: w1,在具体内容中对应索引每一项位置开始插入标签,给这个标签去一个名字(自己随意取),我们这里暂定w1。 ?...主要功能?中插入链接: 锚点:选择前面我们再具体内容中设置标签w1即可 链接URL地址:在锚点选择之后会自动生成 #w1 目标:在目前窗口打开超链接 ? 设置完成点击更新或插入即可。

83910

Python+Selenium 自动化-指定chrome驱动运行selenium实例演示,运行指定位置浏览器驱动

from selenium import webdriver options = webdriver.ChromeOptions() # 指定驱动 driver_path = "D:\pyauto_driver...\chromedriver.exe" driver = webdriver.Chrome(driver_path, options = options) # 不指定驱动 # driver = webdriver.Chrome...(options = options) print(driver.title) 正常情况是在根目录下放置驱动,而且改名就识别不了了,如果偶尔换个别的版本浏览器,需要重新放置个合适浏览器驱动把之前替换掉...通过指定驱动后面就可以实现我把很多浏览器版本驱动都放指定位置,后面可以写个遍历驱动方法,如果这个驱动不适用就换另一个驱动,这样就可以在频繁更换浏览器版本情况下正常运行我们自动化了。 ?...下面我把驱动放置在了其它位置。 ? 指定驱动后也照样运行成功了。 ?

1.9K40
领券