`

js定位 location.hash

阅读更多

location.hash = id;
下拉菜单通过$("#" + id).slideup("normal");

在页面上虽然闭合了但还是会占用空间,所以经常定位不准

原因:

经过研究是因为隐藏的height属性影响的。

解决方法:

var height = $("#" + id).css("height");

$("#" + id).css("height", 0);  //(1)

location.hash = id;

$("#" + id).css("height", height );//完成定位后注意还原

 

ie6下(1)处需修改 :$("#" + id).css("height", 0).hide();

为了定位更好点用

var offset = $("#" + id).offset();

var top = offset.top;

window.scroll(0, top + 向下友好距离);

 

补充:

更好使用:$("#" + id).css("height", auto);

 

原理不是很清楚,本人不是前台的,根据有限的知识来解决问题,

期间怎么研究都没用,以前不知道在哪看过有关height的事,

忽然这件事从脑中出现,试了下,果然是它影响的,看来平时随便看看,在关键时刻,

不用靠google大神也能解决。

 

如果有简便方法请留下你的痕迹!!!

 

 

 

分享到:
评论

相关推荐

    window.location.hash解析

    NULL 博文链接:https://hugang357.iteye.com/blog/1833003

    小发现之浅谈location.search与location.hash的问题

    下面小编就为大家带来一篇小发现之浅谈location.search与location.hash的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jquery.hash.min.js 和 jquery.ba-hashchange.min.js

    单页后退前进刷新 jquery.hash.min.js 和 jquery.ba-hashchange.min.js

    location.hash保存页面状态的技巧

    hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)...在我们的项目中,写了一个很简单的JavaScript基类来处理location.hash从而保存页面状态,今天在此就分享给大家。 (本文的内容可能

    scrollHash.js:滚动到Blaock时,然后更改location.hash!

    scrollHash-Willie.Smith.Chen 描述 滚动到Blaock时,然后更改location.hash! ## Demo页面

    利用location.hash实现跨域iframe自适应

    页面域关系: 主页面a.html所属域... 问题本质: js对跨域iframe访问问题,因为要控制a.html中iframe的高度和宽度就必须首先读取得到b.html的大小,A、B不属于同一个域,浏览器为了安全性考虑,使js跨域访问受限,读取不到b.

    [removed].hash 属性使用说明

    比如http://domain/#admin的location.hash=”#admin”。利用这个属性值可以做一个非常有意义的事情。 很多人都喜欢收藏网页,以便于以后... 那么,怎么用location.hash来解决这两个问题呢?其实一点也不神秘。 比如,我

    hash.js:hash.js 是一个处理 location.hash 的超小型框架

    哈希.js hash.js是一个处理的超小型框架得到 /* * Given the following url: http://www.example.net/#!&foo=bar&array[]=1&array[]=2 */hash ( 'foo' ) ; // 'bar'hash ( 'array' ) ; // ['1', '2']hash ( ) ; // {...

    jquery.hash:jQuery DOM元素哈希插件

    抓取out/jquery.hash.min.js文件并将其插入! 例子 DOM元素 $elem = $ ( "#myBeautifulDiv" ) ; hash_b64 = $elem . hash ( ) ; //same: $elem.hash({method: "base64"}); hash_sha1 = $elem . hash ( { method : ...

    cra-location-hash-router:使用location.hash的CRA路由器

    CRA location.hash路由器在此存储库中,我使用URL片段验证了有关客户机+服务器路由解决方案的想法。 这个想法是针对您的SPA是通过文件服务器(例如GitHub Pages)提供SPA的情况,而您不能为index.html设置一个...

    hashRouter:location.hash 的路由器

    location.hash 的路由器 文件 示例网址: : $router.path console . log ( $router . path ) ; // aaa/bbb/ccc?x=1&y=2&y=3&z $router . path = 'ccc/ddd' ; console . log ( $router . path ) ; // ccc/ddd $...

    hash.route.js:使用 location.hash 的简单灵活的路由系统

    hash.route.js,一个简单灵活的路由系统。设置哈希路由侦听器和不同的匹配规则: 空场比赛。 // Match empty routehash ( "" ) . on ( "change" , function ( evt ) { console . log ( arguments ) ;} ) ; 完全符合...

    [removed].hash知识汇总

    location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin...

    location和history对象

    NULL 博文链接:https://baihe747.iteye.com/blog/2152459

    shiro-crypto-hash-1.4.0-API文档-中文版.zip

    赠送jar包:shiro-crypto-hash-1.4.0.jar; 赠送原API文档:shiro-crypto-hash-1.4.0-javadoc.jar; 赠送源代码:shiro-crypto-hash-1.4.0-sources.jar; 赠送Maven依赖信息文件:shiro-crypto-hash-1.4.0.pom; ...

    [removed].hash 使用说明

    但是 location.hash可以获取或设置页面的 标签值 比如http://domain/#testDemo中 咱们的location.hash 就是 #testDemo 下面引用一个 网上的demo 一个搜索版块,功能有3个:普通搜索,高级搜索,后台管理,分别指明他们...

Global site tag (gtag.js) - Google Analytics