一直都是使用抛锚location.href = "page.htm#anchor";在页面定位位置,但是经常会出现在抛锚定位时页面整体往上跳的问题,每一次都是怀疑页面div+css闹出来的问题,折腾来折腾去依然是无法解决。
在网上查了一下,终于找到一个替代方案,就是使用scrollIntoView方法:
语法:
object.scrollIntoView( [bAlignToTop])
参数:
bAlignToTop 布尔型:true/false,默认参数不传则为true
true:对象的顶端与当前窗口的顶部对齐
false:对象的底端与当前窗口的顶部对齐
支持的浏览器:
这个是W3C定义的DOM方法,各浏览器均支持,包括:IE5.5+、FF2.0+....
使用示例:
document.getElementById("myobj").scrollIntoView();
相关推荐
前端项目-jquery-scrollintoview,jquery scrollintoview()插件和:可滚动选择器过滤器
提交页面定位问题一直骚扰我,比如我们在DataGrid外面加了来使DataGrid在一定区域内呈现,这样如果把滚动条拉到底部的时候点击修改(或者修改后点击更新,取消)页面重新加载的时候都会把滚动条拉到页面最上面部分 ...
jquery.scrollIntoView 滚动元素进入视图时触发回调
有多种解决方法,例如使用 jQuery,但这在运行 Selenium 测试时可能会出现问题,如下所示: WebElement element = driver . findElement( By . id( " my-id " )); Actions actions = new Actions (driver); actions ...
jQuery.scrollIntoView 当将DIV滚动到浏览器的可见部分中或滚动出时,它会执行一个功能。 安装 bower install jquery-scrollIntoView npm install jquery-scrollintoview 用法 $ .scrollIntoView(安装,卸载一次)...
经过测试,发现有的IOS浏览器上输入法会弹出遮挡输入框,网上很多都是介绍用以下方法 ...但是由于本人对scrollIntoView的理解不够一直没有解决问题,后来用相同的思路使用scrollTop()解决了。 实例如下 [removed]` $
css3动画效果,js动画效果,wow动画说明以及在网站中的应用
1,源代码解决键盘遮挡 2,使用超简单 3,不需要引入一大堆工具,类,文件 4,思路清晰化繁为简
问题:如下图 解决方案 scrollIntoView ... * 使用方法 输入框中 onclick=sr(this); onblur=nosr(this) */ var timer1; function sr(obj) { timer1 = setInterval(function() { obj.scrollIntoView(false); },
在长可滚动表单上,可以确保用户在提交时可以看到错误: 建立某种“部分索引”: 但实际上你可以自由地用它构建任何你想要的东西特征: 声明式组件 API 命令式钩子 API 可在多个级别进行配置不同的对齐方式插图打字...
主要介绍了 在IOS系统上滚动条滚动到指定的位置出现空白页面的解决方案,需要的朋友可以参考下
在项目需求中需要实现一个滚轴联动锚点的功能 效果图如下: 功能代码demo如下: (item, key=index xss=removed xss=removed> <div style=width:100%;height:100%;font-size:30
所以在vue项目中定义一个方法不适用锚点定位: scrollToSection() { let section = document.getElementById('section') if (section) { section.scrollIntoView() } } html标签中绑定click事件就可以了 以上...
此后,CSS工作组决定在Element.scrollIntoView实现其功能,方法是使用scrollMode: "if-needed"选项。 因此,对该库进行了重写,以实现该规范,而不是即将弃用的规范。 安装 yarn add scroll-into-view-if-needed ...
上下2个大小的ScrollView显示图片。
如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题,浏览器实现了一下方法,方便开发人员如何更好的控制页面的滚动。在各种专有方法中,HTML5选择了scrollIntoView()
如果您想在财务上显示您的支持, 例子 如何 要求它 var scrollIntoView = require ( 'scroll-into-view' ) ; 用它 scrollIntoView ( someElement ) ; 您可以传递设置来控制时间,缓动以及父项是否是可滚动的有效...
NULL 博文链接:https://johnson-gong.iteye.com/blog/2149221
仅包含解决问题所需的最少量代码。 参考提交中修复的问题 发送原始项目的拉取请求 评论您已为其实施修复的原始问题 许可证和作者 ScrollTo 在 Apache 许可证 2.0 下分发。 有关许可条款,请参阅 LICENSE.txt。 ...
主要为大家详细介绍了vue+Element实现搜索关键字高亮功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下