0 0

safari下 锚点定位问题10

在页面中<a href="javascript:pno();return false;">锚点跳转</a> 
JS 方法: function pno(){
            window.loation.hash="info"; // 定位到info处
         }
但是在safari下,在页面内第一次点连接时可以跳转到锚点处,但是再点就不能进行跳转,不知该怎么解决?
我从网上查了一下,用jquery实现锚点跳转,最主要的都是用的$("html,body").animate({scrollTop:100},1000),
我用scrollTop不起作用,而且我用的是iframe嵌套实现的。上边一个divTop,下边包含2个页面有div1,div1下面是div2,
我想点锚点时跳到div2处,但是在safari下只能执行一次,再点不能跳转。
2011年11月30日 14:17
目前还没有答案

相关推荐

    锚点定位垂直滚动jQuery完美布局平滑滚动

    锚点定位垂直滚动jQuery完美布局平滑滚动 适用浏览器:FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。 查看效果:http://www.juheweb.com/js/gddm/33.html

    【JavaScript源代码】vue实现锚点定位功能.docx

    在选择解决方案时,应考虑到各种浏览器的兼容性问题,确保代码能在大多数环境下正常工作。 总结,Vue.js 实现锚点定位功能结合了 HTML、CSS 和 JavaScript 三者的力量,通过监听滚动事件,动态更新视图状态,以及...

    外卖:实现类似锚点功能.zip.zip

    1. **分类导航**:在显示众多菜品的页面,用户可以通过锚点链接快速定位到特定的菜品类别,如“热菜”、“凉菜”或“饮品”。 2. **订单历史**:如果页面包含用户的订单历史,锚点可以用来跳转到特定的历史订单,...

    html标签、html语义化

    HTML 中的锚点定位是指使用 `&lt;a&gt;` 标签来创建锚点的链接,并使用 id 属性来指定锚点的目标位置。 HTML 中的 icon 图标是指使用 `&lt;link&gt;` 标签来添加网页的 favicon 图标。favicon 图标是指网页的图标,通常显示在...

    DIV弹出窗(兼容主流浏览器)

    - 锚点定位:确保弹出窗在页面上的正确位置 - 交互逻辑:处理用户输入,如点击关闭按钮 4. **图片资源**: - `close.gif`:通常是一个小图标,用作关闭弹出窗的按钮,用户点击后可以关闭窗口。 - `384.jpg`:...

    js滚动条实例方便学习

    3. **滚动定位**:当用户点击页面内的链接时,可以通过`window.scrollTo`配合锚点定位,使页面滚动到特定位置。 4. **自定义滚动条组件**:如果需要更高级的自定义,可以使用前面提到的第三方库,如Perfect ...

    前端面试基础知识汇总

    10. 锚点的作用和创建方法:锚点通过标签的name属性定义,用以在页面内创建一个可以跳转的链接点,方便用户快速定位页面内容。 11. 浏览器测试和内核:在进行前端开发时,需要在多个浏览器上测试页面,常见的浏览器...

    BAT,WEB前段面试宝典

    解决方法包括但不限于:双边距BUG可以通过display属性解决,PNG透明问题可以使用JavaScript代码更改,min-height可以通过添加important声明解决,以及select在IE6下遮盖问题可以通过iframe嵌套解决。 doctype声明的...

    WEB测试过程.pdf

    链接与锚点测试验证链接的正确性和响应性,包括死链检查、重定向测试、锚点定位的准确性等。 #### 层叠样式表(CSS) CSS测试评估的是样式的一致性和兼容性,确保页面在不同浏览器下的视觉效果一致。 #### 浏览器...

    css浏览器兼容整理

    6. **IE6下绝对定位的容器内文本无法正常选择** - 这是一个已知的IE6问题。可以通过设置`position: relative;`和`z-index`来解决。 7. **CSS双线凹凸边框** - 可以使用多重`border`或`box-shadow`来创建双线...

    jQuery Jump To跳转到指定位置插件

    7. **兼容性测试**:确保插件在不同浏览器(如Chrome、Firefox、Safari、Edge和IE)以及不同设备(桌面、平板、手机)上都能正常工作。 总结来说,jQuery Jump To插件是提高网页用户体验的有效工具,通过简单几步...

    fullpage全屏响应式手机导航菜单

    1. **全屏视图**:页面内容按照全屏滑块的形式呈现,用户可以向上或向下滚动来查看下一个“页面”或“段落”。 2. **响应式设计**:自动适应不同屏幕尺寸,无论是桌面还是移动设备,都能保证良好的布局和可用性。 ...

    测试暗示

    同时,检查锚点定位是否准确,确保用户可以通过页面内的链接快速导航。 5. **表单与交互元素**:测试HTML表单的提交、验证和重置功能,确保输入字段、按钮和其他交互元素正常工作。同时,要考虑无障碍访问( ...

    自学使用HTML和CSS进行网站发布

    - **锚点链接**:如何使用锚点定位页面内的特定位置。 - **图片链接**:链接到图片或使图片成为链接。 ##### 6. 使用HTML和CSS格式化文本(Formatting Text with HTML and CSS) - **文本格式化**:使用`&lt;strong&gt;`...

    页面视差滚动切换jquery.localscroll插件源码.zip

    2. **锚点链接**:它支持使用HTML锚点链接(#)来定位页面上的特定部分,使用户可以方便地导航。 3. **动态内容加载**:当滚动到特定区域时,可以触发动态加载内容,如懒加载图片或异步获取数据。 4. **自定义行为**...

    几百种单页网站源码程序下载

    5. **兼容性测试**:确保源码在主要浏览器(如Chrome、Firefox、Safari、Edge)以及不同设备上都能正常运行。 在下载和使用这些源码时,记得遵循开源许可协议,尊重作者的劳动成果,并注意版权问题。同时,学习和...

    HTML(上).pdf

    常见的浏览器包括Internet Explorer、Safari、Opera、Chrome和Firefox等,其中Chrome和Firefox都是开源浏览器,而IE曾经是微软公司的主流浏览器,尽管它已经停止了更新,但在某些企业环境中仍然被使用。 Web标准是...

    基于jQuery的history历史记录插件

    在网页开发中,哈希常用来控制页面内的锚点定位,即页面滚动到特定部分。而在单页应用程序(SPA)中,哈希被用来记录应用程序的当前状态,用于实现浏览器历史记录的前进和后退功能。 3. HTML5的hashchange事件:这...

Global site tag (gtag.js) - Google Analytics