1、通过scrollIntoView方法来实现定位:
<a href="javascript:void(0)" onclick="document.getElementById('am').scrollIntoView();">快速定位1</a>
2、通过window.location.hash实现:
<a href="javascript:void(0)" onclick="window.location.hash='am'">快速定位2</a>
里面可以有一个元素的id叫做‘am’就可以快速定位到该元素,比如:
<div id="am" style="background-color: #FFFF99">我在这呢!</div>
相关推荐
本篇文章主要介绍了JS如何实现在页面上快速定位(锚点跳转问题),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
实现gef模型连线间锚点的定位实现鼠标位置定位,就是鼠标在哪里,他的锚点就会在哪里!
html+js实现锚点定位的效果,点击左边菜单栏,跳到指定页面位置
锚点与定位.rp
js锚点定位 js锚点定位js锚点定位js锚点定位js锚点定位js锚点定位
uniapp swiper 图片高度根据图片宽度自适应; 通过选项卡跳到锚点位置,类似h5单页面通过a链接导航效果; 滑动到某个要素位置时触发事件,如tab选项卡值更改等
主要介绍了Vue项目中实现锚点定位,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
导航滚动到一定高底后吸顶,锚点定位自动跟随 //内容信息导航吸顶 $(document).ready(function(){ var navHeight= $("#navHeight").offset().top; var navFix=$("#nav-wrap"); $(window).scroll(function(){...
最终效果如下:(注意需要做锚点联动的部分并不在页面的顶部而是页面的某个div内)-chrome 完成这个功能需要注意: 1、点击导航平滑滚动到导航内容处 2、div内滚动时当前导航需要做响应 代码如下: 1、html结构...
A锚点导航定位菜单jQuery特效是一款点击右栏信息立即定位到左侧内容特效。
onclick 锚点定位,页面右侧浮动锚点功能
jQuery网页锚点定位 平滑滚动 导航菜单代码 js锚点定位 平滑滚动 导航菜单代码
jQuery侧边导航锚点定位代码是一款基于mui框架制作左边导航页面滚动监听到对应的锚点。
jQuery页面滚动显示浮动菜单栏锚点定位效果
一款基于jquery.section-scroll插件实现的网页锚点定位全屏滚动切换特效代码,全屏滚动切换的网站目前挺流行的,这种效果一般用于网站单页介绍。
jquery a标签锚点定位特效是一款基于jQuery实现的类似于锚点连接的效果,只需要非常简单的代码。
这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行列表选择,通讯录中快速定位到联系人选择的锚点位置等...
前端技术:nuxt.js elementUI 纯前端实现:搜索高亮、字体放大及锚点定位功能;
锚点定位垂直滚动jQuery完美布局平滑滚动 适用浏览器:FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。 查看效果:http://www.juheweb.com/js/gddm/33.html