首页 > 其他分享 >锚点跳转

锚点跳转

时间:2023-09-07 16:55:38浏览次数:35  
标签:定义 start 锚点 跳转 对齐 id

一个更简单的方法就是在你想要跳到的位置设置一个唯一id,然后通过下面方法跳转,传对象有动画效果,这个方法不止简洁,适应性还好。

document.querySelector(#id).scrollIntoView({
    // 定义动画效果
    behavior: "smooth",
    // 定义垂直方向对齐
    block: "start",
    // 定义水平方向对齐
    inline: "start"
});

 

标签:定义,start,锚点,跳转,对齐,id
From: https://www.cnblogs.com/mg6666/p/17685439.html

相关文章

  • 网站登录记忆跳转实现的一种方法 [摘]
    记忆登录跳转可以打打方便用户使用getHeader("Referer");方式简单不过不能处理post的参数本来都是用在struts,webwork里的,为了容易看明白改写成jsp方式的-------------------------------------------------------------------------------------------------------------member.js......
  • vue3 使用vue-router 进行网页跳转以及获取问号后面的参数
    关键代码:constrouter=useRouter()constauthor='myname'router.push({name:'Edit',query:{author}})constroute=useRoute()constvalue=route.query.key详细步骤:0.Initialgitclonehttps://github.com/element-plus/element-plus-v......
  • PC端项目和移动端项目之间,根据设备类型判断相互跳转
    移动端项目配置:在index.html里添加以下代码即可<script>letsUserAgent=navigator.userAgent.toLowerCase();letisIpad=sUserAgent.match(/ipad/i)=="ipad";letisIphoneOs=sUserAgent.match(/iphoneos/i)=="iphoneos";letisMid......
  • Godot中的锚点
    关于锚点的用处,Godot的官方文档是如此叙述的。如果一个游戏总是用同一分辨率在同样的设备上运行,摆放控件将是一个简单的事,只要逐个设置它们的位置属性和大小属性即可.不幸的是,能像这样处理的情况很少.在游戏开发中,处理不同分辨率和纵横比的屏幕可以是一项挑战。但幸运......
  • vue3中用户登陆会把用户跳转到登录页面,如何让用户登录完成后,跳回原来的页面上
    本地存储在Vue3中,你可以使用VueRouter和sessionStorage或localStorage来实现用户登录后跳回原来的页面。以下是一种常见的实现方式:在用户登录之前,记录当前页面的路由路径:在需要登录的页面组件中,在用户点击登录前,使用 this.$route.path 获取当前页面的路由路径,并将其存......
  • 让用户访问Tomcat时强制跳转到Https方式
    让用户访问Tomcat时强制跳转到Https方式。首先配置Tomcat可以在Https下运行,相应的配置,请查看其它说明文档。http://www.iteye.com/topic/78274修改tomcat/conf/web.xml文件,在</welcome-file-list>下面加上如下语句<login-config><!--Authorizatio......
  • js 判断如果是移动端就自动跳转到 移动端的页面上去
    js判断如果是移动端就自动跳转到移动端的页面上去 <script>!(function(){constuserAgent=naviator.userAgent;constandroid=userAgent.match(/(Android);?[\s\/]+([\d.]+)?/);constiphone=userAgent.......
  • 在uniapp - uni.navigateBack携带参数跳转
    子页面letpages=getCurrentPages();//当前页页⾯实例letnowPage=pages[pages.length-1];//当前页⾯实例letprevPage=pages[pages.length-2];//上一页面实例//需要返回上一页的数据Objectletobject={ id:'23456765432'};prevPage.$vm.prevDateFun(ob......
  • uniapp路由跳转后通过uni.$emit和uni.$on页面通讯后,接收到数据但是却赋值不了
    原因:跳转到未渲染过的页面时,页面还没渲染就进行赋值操作,所以赋值不上去。      如果往后跳转,可以使用uni.$emit和uni.$on页面传值。即uni.navigateBack({delta:1}),尽量不要使用uni.navigateTo(会造成页面重叠)。能够接收到数据并赋值。解决办法:使用EventChannel代码......
  • golang中goto跳转语句和跳转标签声明
    和很多其它语言一样,Go也支持goto跳转语句。在一个goto跳转语句中,goto关键字后必须跟随一个表明跳转到何处的跳转标签。我们使用LabelName:这样的形式来声明一个名为LabelName的跳转标签,其中LabelName必须为一个标识符。一个不为空标识符的跳转标签声明后必须被使用至少一次。......