iframe页面滚动条置顶
2018-01-12 11:18
701 查看
页面滚动条置顶的几种方法:
一、使用animate方法
二、使用scroll
window.parent.scrollTo(0, 0); //可置顶父窗口,但是不适应用于跨域;
三、使用focus方法
//可置顶到子页面,不能使父窗口置顶。但是不存在跨域问题
一、使用animate方法
$("html,body",window.parent.document).animate({scrollTop:0},1000);//可置顶父窗口,但是不适应用于跨域;
二、使用scroll
window.parent.scrollTo(0, 0); //可置顶父窗口,但是不适应用于跨域;
三、使用focus方法
//可置顶到子页面,不能使父窗口置顶。但是不存在跨域问题
$(function(){ $("body").prepend('<input type="text" id="focus" size="1">'); $("#focus").focus(); $("#focus").hide(); });
相关文章推荐
- iframe页面滚动条置顶
- [心得]关于iframe页面滚动条。
- iframe 自适应高度 去掉iframe滚动条 只留外面页面的滚动条
- 实现主页面滚动条随iframe里的内容自动调整
- *关于Iframe内嵌页面右边总是有空白滚动条的处理
- 页面拥有iframe,在ie中会出现多个竖直滚动条
- js代码:实现主页面滚动条随iframe里的内容自动调整
- 浏览器兼容问题项目总结(六) 页面嵌套多个iframe滚动条兼容性修改
- frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法
- 去除带有iframe页面中的2个滚动条
- 锁定页面滚动条以及iframe拿到父页面的节点值
- iframe里的页面在ie6里出现滚动条的解决办法
- 当页面出现滚动条时,点击置顶的特效
- IE6/IE7 iframe嵌入页面定位元素与滚动条重叠
- 前端技术 -- 页面滚动条到一定高度后出现置顶按钮
- 把iframe的滚动条作为页面滚动条
- jsp页面iframe控制滚动条的显示
- 完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动条失效问题,iossafari5.0
- 浏览器兼容问题项目总结(六) 页面嵌套多个iframe滚动条兼容性修改
- iframe自适应父页面的大小,而没有滚动条,scrolling="no"后无法正常显示内容的问题