`

JS定位到元素所在位置

阅读更多

前两天开发一个功能,显示所有记录之后,对某一条记录操作之后,返回之后记录操作位置,想了想用锚点吧,但是返回来之后发现弹出来的框太大啦,显示不全,想想只能在操作之前完全记录操作位置,于是百度了一下,有如下结果: 

一。锚点的使用方法: 
在页面中定义锚点:<a name="aHref"></a><strong> 

操作之后在请求url之后加上‘#aHref’ 即可。 
如:document.forms.searchForm.action="${ctx}/mbv/mbvManage.do?method=closeMBV#aHref";

二.精确确定位置: 

//取得滚动条的位置: 
function getScroll() { 
    var t; 
    if (document.documentElement && document.documentElement.scrollTop) { 
        t = document.documentElement.scrollTop;      
    } else if (document.body) { 
        t = document.body.scrollTop; 
    } 
    return t; 



然后将getScroll()值传过去,然后set到request中。 

在页面的onload事件中调用: 
var height = "${height}"; 
if('' != height) {
  window.scroll(0,height);     


即可实现完全定位。 

js windows对象和方法 
http://apps.hi.baidu.com/share/detail/20580927 

 

 

本文来源于:http://tangwenchao86.iteye.com/blog/1390181

分享到:
评论

相关推荐

    js-css-tooltip是一款使用js和css3制作的tooltip工具提示插件

    js-css-tooltip是一款使用js和css3制作的tooltip工具提示插件。该tooltip插件显示时带css3动画特效,并且会自动根据元素所在的位置来定位工具提示的位置。

    纯js tooltip工具提示插件特效.zip

    js-css-tooltip是一款使用js和css3制作的tooltip工具提示插件。该tooltip插件显示时带css3动画特效,并且会自动根据元素所在的位置来定位工具提示的位置。

    javascript入门笔记

    Javascript,简称为 JS,是一款能够运行在 JS解释器/引擎 中的脚本语言 JS解释器/引擎 是JS的运行环境: 1、独立安装的JS解释器 - NodeJS 2、嵌入在浏览器中的JS解释器 JS的发展史: 1、1992年 Nombas 开发...

    css3动画网页提示插件Tooltip.zip

    Tooltip工具提示插件下载是一款带有css3动画特效,并且会自动根据元素所在的位置来定位工具提示的位置。

    HTML技术有css javascript

    每一个文件都有自己的存放位置和路径,理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。url—统一资源定位器,指的就是每一个网站都具有的独立的地址。同一个网站下的每一个网页都属于同一个地址之...

    《javaScrip开发技术大全》源代码

    • sample27.htm 替换使用字符串查找到的子字符串 • sample28.htm 扩展字符串的匹配方式 • sample29.htm 使用正则表达式匹配要替换的子字符串 • sample30.htm 更多的替换字符串 ...

    纯js tooltip工具提示插件特效特效代码

    js-css-tooltip是一款使用js和css3制作的tooltip工具提示插件。该tooltip插件显示时带css3动画特效,并且会自动根据元素所在的位置来定位工具提示的位置。

    html入门到放弃笔记

    特点:从文件所在的最高级目录处开始查找资源文件所经过的路径,就是绝对路径 使用场合:当想访问互联网上的资源时,只能用绝对路径 完整的绝对路径分四部分: 1、协议名 http 2、域名(主机名,IP地址) ...

    3种方式实现瀑布流布局小结

    前言 今天逛闲鱼的时候观察到... 父元素设置为相对定位,图片所在元素设置为绝对定位。然后通过设置 top 值和 left 值定位每个元素。 代码实现 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; .box {

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    9-30 2 javascript的闭包 js变量作用域 9-30 3 仿超级玛丽兄弟游戏制作 9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml...

    Tooltip工具提示插件下载

    Tooltip工具提示插件下载是一款带有css3动画特效,并且会自动根据元素所在的位置来定位工具提示的位置。

    IBM WebSphere Portal门户开发笔记01

    57、JS动态插入元素到BODY的第一个位置 332 58、JS正则表达式去除空格类方法 335 59、JS重写CONFIRM把确定修改为是与否 335 60、JS执行EXE可执行文件 336 61、JS读取注册表且执行EXE文件 336 62、JS与VBSCRIPT的结合...

    sesvc.exe 阿萨德

    根据当前 key 的 hashcode 定位到具体的桶中并判断是否为空,为空表明没有 Hash 冲突就直接在当前位置创建一个新桶即可。 如果当前桶有值( Hash 冲突),那么就要比较当前桶中的 key、key 的 hashcode 与写入的 key...

    PHP开发实战1200例源码

    实例127 将数组中指定索引位置的元素替换 157 实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中...

    extjsml:ExtJSML - 基于 YAML 的 ExtJS 标记语言

    ExtJSML - 基于 YAML 的 ExtJS 标记语言 什么是 ExtJSML?...更容易重新定位元素 ! ExtJS 是一个的,已 *此工具已在 ExtJS 4.2.1 上测试 示例语法和 UI 结果 基本形式 安装 gem install extjsml 用

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例127 将数组中指定索引位置的元素替换 157 实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例127 将数组中指定索引位置的元素替换 157 实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中...

    KODExplorer 芒果云-资源管理器

    - 键盘按键选中文件 增加字符搜索定位功能(单个字符,增加到多个字符选中。两次响应直接延迟250ms) - 幻灯片播放[优化成fancybox或者 重写动画部分、打开时关不掉问题] - 编辑器backspace、delete时不提示。 - ...

    精易模块[源码] V5.15

    5、公开子程序(字节集_到文本|字节集_到整数|字节集_取左边|字节集_取右边|字节集_取空白|字节集_取长度|字节集_取中间|字节集_替换|字节集_寻找|字节集_取指针)模块原有命令。 6、修正“文本_取中间_批量”当参数...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    9-30 2 javascript的闭包 js变量作用域 9-30 3 仿超级玛丽兄弟游戏制作 9-30 4 构造方法 对象的常用操作 9-30 5 面向对象的封装 继承 多态 9-30 6 面向对象的封装 继承 多态2 9-5 1.php xml编程①-xml基本介绍 xml...

Global site tag (gtag.js) - Google Analytics