解决有时候页面不能页内跳转

简介:  通常如果我们在页面的底部,想滚动到页面的顶部,可以在顶部设置一个锚点。现在有scrollIntoView()这个函数,可以直接跳转过去。
 
通常如果我们在页面的底部,想滚动到页面的顶部,可以在顶部设置一个锚点。

现在有scrollIntoView()这个函数,可以直接跳转过去。
例如:
在页面的顶部设置标签<a id="a1"></a>

然后可以在页面底部这样写<a href="javascript:a1.scrollIntoView()">跳到首页</a>

 
 var str=window.location.href;
 if (str.indexOf('#')!=-1)
 {
     str=str.substring(str.indexOf('#')+1);
     document.getElementById(str).scrollIntoView();
 }
目录
相关文章
不使用a标签,实现点击跳转到其他页面的代码
不使用a标签,实现点击跳转到其他页面的代码
|
8月前
|
小程序
微信小程序实现不同按钮跳转同一个页面显示不同内容
微信小程序实现不同按钮跳转同一个页面显示不同内容
153 0
若依修改,切换首页,改成自己想要跳转的login页
若依修改,切换首页,改成自己想要跳转的login页
|
8月前
|
移动开发 前端开发 JavaScript
完整的页面代码包括哪些
一个完整的HTML页面通常包含以下几个基本部分,每个部分都有其特定的用途
|
8月前
publiccms中将推荐页的内容显示在页面片段中
publiccms中将推荐页的内容显示在页面片段中
|
前端开发
页面报错404
报错分析: 在之前的项目中经常会看到页面报404的错误:找不到页面,大多数情况下是文件路径写错了; 前几天在项目中,碰到了另一个错误:400错误。
111 0
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
620 0
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
页内跳转
页内跳转
104 0
|
小程序
小程序-点击按钮式 进行页面之间的跳转
小程序-点击按钮式 进行页面之间的跳转