从一个页面跳转到另一个页面的任何位置处

最新推荐文章于 2024-04-26 15:41:37 发布
最新推荐文章于 2024-04-26 15:41:37 发布
阅读量6.8k 收藏 1
点赞数
分类专栏： APP/网站开发

本文转自http://senir.blog.163.com/blog/static/10411818320131124250259/


首先在A页面创建一个锚点 
<body>

  
  

   
   <a href="b.html#pos" target="_blank">点击跳转</a>
  
  

  
  

   
   <body>
然后在B页面定义这个锚点
 

<body>

  
  

   
   ...
  
  

  
  

   
   这里是很多文字，把页面撑开，撑出滚动条
  
  

  
  

   
   ...
  
  

  
  

   
   <div
   
    
   
   id
   
   =
   
   "pos"
   
   >
   
   滚动到这里
   
   </div>
  
  

  
  

   
   隐藏之后滚动到这里
  
  

  
  

   
   ...
  
  

  
  

   
   再加点文字
  
  

  
  

   
   ...
  
  

  
  

   
   </body>
不需要插入一个<a></a>锚点，只需要给div加一个id就行了。

linulysz
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从当前页面跳转到其他页面的某个地方
Happybrother的专栏
11-29 3087
从index页面跳转到about页面的friend-links-section-hook这个地方index.html<a href="about.html#friend-links-section-hook">友情链接</a>about.html <div class="friend-links-section"> <a href="#" name="friend-links-sectio
从一个页面跳转到另一个页面的指定位置（带平滑移动的效果）
sunshineday
09-17 1337
从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了  比如 想跳到 mao.aspx 的页面 的div id="s" 的位置    那么   只用  就可实现跳转到指定位置 现在为了增加用户体验  跳转到页面后  平滑移动到该位置  怎么做呢  其实也很简单啦  那边传递过来一个 要跳转到哪个div的参数就行 先上一段 页面获取参数的 通用js
HTML中如何实现从当前页面跳转至其他页面指定区域
最新发布
emmmaha的博客
04-26 482
当用户点击包含正确链接的链接时，浏览器将跳转到目标页面，并滚动到对应的 ID 区域，实现在一个页面中搜索另一个页面的 ID 区域的效果。在 HTML 中，要在一个页面中跳转至另一个页面的区域，可通过设置ID来实现，使用锚点链接的方式实现。
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码
艾丽的博客
03-10 2167
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码，scrollTop,animate
实现一个界面跳转到另一个界面
11-22
反正也是很简单的程序，新手开发来说还是很不错的，主界面的功能是没有做的，但是还会有完整的程序上传的，喜欢的话可以关注我，我会经常上传一些东西的
html 当前页面点击链接跳转到当前页面页面的某个位置
我的专栏
08-10 2万+
通过 href="#id"的方式可以直接跳转到该页面的某个位置，直接上代码： div1 div2 div3 div4 div5 1 2 3 4 5
5秒后跳转到另一个页面的js代码
10-26
跳转到另一个页面的方法有很多，在本文将为大家详细介绍下js中如何实现5秒后跳转到另一个页面，感兴趣的朋友可不要错过
vue从一个页面跳转到另一个页面并携带参数的解决方法
10-16
下面我们将详细讨论如何在Vue中从一个页面跳转到另一个页面并携带参数。 1. **使用`this.$router.push()`进行页面跳转** 要在Vue组件中实现页面跳转，可以使用`this.$router.push()`方法。这个方法接受一个对象，...
js点击button按钮跳转到另一个新页面
10-25
点击按钮怎么跳转到另外一个页面呢？点击图片要跳转到新的页面时，怎么做到呢？可以使用onclick=[removed]=新页面来实现
PHP 页面跳转到另一个页面的多种方法方法总结
10-29
请注意，`Location:`后面需要有一个空格，且在使用`header()`函数之前不能有任何输出，包括空格，否则会导致错误。 第二种方法是利用HTML的`<meta>`标签，特别是`http-equiv="refresh"`属性。这种方法不是直接由PHP...
jsp页面跳转到指定锚点
......
10-18 4122
[转自http://hi.baidu.com/hankers/item/b5ea51eb28858d275a2d6498] 问题描述： 在page.jsp中定义了一个锚点，在Servlet中forward到此锚点： request.getRequestDispatcher("/page.jsp#anchor").forward(request, response); 返回HTTP4
H5 <a>超链接，同一页面内部跳转和不同页面间的跳转
qq_42467563的博客
10-15 4万+
同一页面或者文件间的跳转： &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;超链接&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="#" name="ding"&gt;顶部&a
c#怎么从一个窗口跳到另一个窗口
ch_scofield的专栏
07-04 7291
比如两个窗体 Form1,Form2 如果想在打开Form2的时候,只隐藏Form1 可以这样写 Form2 f2 = new Form2(); this.Hide(); f2.Show(); //f2.ShowDialog();都可以 区别在于,Show(
python+selenuim webdriver 页面跳转后如何定位元素
Do it Yourself
06-15 4万+
最近项目遇到一些需要写自动化脚本的东西。就在这边研究研究selenuim。 刚开始写个简单的小例子就遇到一个小问题。页面跳转之后，selenuim webdriver 无法定位继续定位新页面的页面元素。 其实，只需要将handle定位到当前页面就可以了。菜鸟遇到的问题 举个栗子： 打开百度搜索输入selenuim点击搜索根据xpath找到新页面的第三个链接点击跳转 #
HTML||从一个页面跳转至另一个html页面的子页面（超链接）
热门推荐
JockLiu的博客
08-02 13万+
超链接的介绍 超链接在本质上属于网页一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。 所谓超链接是指从一个网页指向一个目标连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接文字...
html点击一个按钮，跳转到当前页面的另一个指定位置！
cc_yy_zh的博客
07-07 1万+
设置锚点 跳转到锚点 …… 当然这个是没有动画效果的，需要js css才能实现动画 搜索html的锚点连接
uniapp中从一个页面跳转到另一个页面指定的位置
04-01
要实现从一个页面跳转到另一个页面指定的位置，可以使用uniapp提供的页面传参功能和页面生命周期函数。 1. 在跳转前的页面，通过uni.navigateTo()方法跳转到目标页面，并将需要跳转到的位置作为参数传递给目标页面。例如： ``` uni.navigateTo({ url: '/pages/targetPage/targetPage?id=1&position=bottom', }) ``` 2. 在目标页面的onLoad()生命周期函数中获取传递的参数，并根据参数设置需要跳转到的位置。例如： ``` onLoad: function (options) { if (options.position === 'bottom') { // 设置需要跳转到的位置为底部 this.setData({ scrollTop: 9999 }) } } ``` 在此示例中，目标页面的onLoad()生命周期函数通过判断传递的position参数是否为bottom，来设置需要跳转到的位置为页面底部。 3. 在目标页面的wxml文件中，通过scroll-view标签设置页面的滚动区域。例如： ``` <scroll-view scroll-y="true" style="height: 100vh;" scroll-top="{{scrollTop}}"> // 页面内容 </scroll-view> ``` 在此示例中，通过设置scroll-view标签的scroll-top属性绑定目标页面的scrollTop变量，实现在页面跳转后自动滚动到指定位置。 需要注意的是，目标页面的onLoad()生命周期函数是在页面首次加载时执行的，如果需要在页面后续更新时也能自动跳转到指定位置，可以考虑在目标页面的onShow()生命周期函数中根据传递的参数更新页面的scrollTop变量。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值