`

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解析

    在JavaScript编程中,`window.location.hash` 是一个非常重要的属性,它用于获取或设置当前URL的哈希值,也就是URL中“#”后面的部分。这个属性在开发网页应用时经常被用来实现页面内的导航和锚点定位。这篇博客文章...

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

    在前端开发中,URL是页面间通信的重要途径,而`location.search`和`location.hash`则是URL中的两个关键部分,它们分别对应不同的功能。本文主要探讨了`query`参数(通常与`location.search`相关)和`hash`值(与`...

    js获取location.href的参数实例代码

    在JavaScript中,`location.href` 是一个非常重要的属性,它表示当前页面的完整URL,包括协议、主机名、路径和查询字符串。当我们需要从URL中提取特定参数时,`location.href` 提供了便利的访问方式。在本文中,我们...

    [removed].hash 属性使用说明

    6. **页面滚动定位**:在长页面中,`location.hash`可以用来标识页面内的特定位置,当页面加载或`hash`变化时,可以自动滚动到对应的元素。 通过巧妙地使用`location.hash`,开发者可以创建更加动态和交互式的Web...

    javascrip获取url方式

    同样,`window.location.hash`常用于单页应用中实现平滑滚动至页面内指定区域的效果。 总之,掌握JavaScript处理URL的能力,能够极大地增强Web开发者的技能库,使得创建更加灵活、响应式和用户友好的网页成为可能。

    [removed].hash知识汇总

    `window.location.hash`是JavaScript中用于访问和修改URL哈希值的一个重要属性,它与页面内的定位和单页面应用(SPA)的路由管理密切相关。在本文中,我们将深入探讨`window.location.hash`的相关知识点,包括它的...

    js 定位到某个锚点的方法

    JavaScript(简称JS)是一种广泛用于客户端Web开发的脚本语言,它可以实现在用户与网页交互时执行各种动态功能。在HTML页面中,锚点(Anchor)是一个非常实用的元素,它允许用户通过点击链接直接跳转到页面内的特定...

    js中hash和ico的关联分析

    在上述描述的案例中,测试人员发现某些页面的`ico`(favicon)不显示,经过排查,问题出在JavaScript代码中对`location.hash`的处理上。问题的关键在于,当`ico`尚未完全加载时,JavaScript代码已经改变了`location....

    js中window获取地址方法(多种)

    console.log('哈希:', window.location.hash); // 举例使用 function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars...

    JS获取地址栏url所有信息的方法

    7. 获取 URL 的锚点部分:使用 `window.location.hash` 可以获取 URL 的锚点部分。 例子:`#a1` 此外,我们还可以使用其他方法来获取 URL 的信息,例如: * `document.URL`:获取整个 URL 字符串。 * `document....

    js锚点定位

    ### js锚点定位 在网页开发中,锚点定位是一种常用的技术手段,它能够帮助用户快速定位到页面中的特定部分。这种技术不仅提高了用户体验,还为网页开发者提供了更多的设计灵活性。接下来,我们将深入探讨js锚点定位...

    js获取URL的信息

    var hash = window.location.hash; // 例如:#imhere // 注意,这里包括 # 号 ``` #### 四、解析 Query(查询参数) 除了以上提到的基本方法外,很多时候还需要进一步解析查询参数。这可以通过对 `search` ...

    JS location几个方法小姐

    ### JavaScript Location 对象详解 #### 一、概述 在JavaScript中,`window.location`对象用于获取当前页面的URL信息及对其进行操作。通过该对象,我们可以实现页面跳转、获取URL中的参数等多种功能。本文将详细...

    (JS获取地址栏url所有信息的方法

    - `window.location.hash`:返回URL中的片段标识符。 - 示例:`#a1` #### 其他获取URL地址的方法 除了上述方法外,还可以通过以下方式获取当前页面的URL: - `document.URL`:返回当前文档的URL,与`window....

    javascript 的Document属性和方法集合

    - `document.location.hash`: 获取或设置URL中#号后面的部分,常用于锚点定位。 - `document.location.host`: 包含域名和端口号。 - `document.location.hostname`: 只包含域名。 - `document.location.href`: ...

    AS语言获取url参数的说明

    这里的代码利用了`ExternalInterface.call`方法调用了JavaScript中的`eval`函数来执行`window.location.href`,从而获取到了完整的URL。 ##### 2. 获取协议 协议可以通过`window.location.protocol`来获取。例如:...

    JS实现Tab内容切换,页面不刷新,内容切换,网址变化

    var tabId = location.hash.slice(1); // 根据tabId切换Tab和内容 // ... }); ``` 在提供的`jquery.tabify-1.5xiugai`文件中,可能包含了使用jQuery库实现的Tab功能。jQuery简化了DOM操作和事件处理,使得Tab...

Global site tag (gtag.js) - Google Analytics