如何用JavaScript获取滚动条位置并滑动到页面锚点?

2026-04-01 16:241阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1217个文字,预计阅读时间需要5分钟。

如何用JavaScript获取滚动条位置并滑动到页面锚点?

前言:本文记录最近工作中遇到的一个问题,在APP原生和前端H5混合开发的过程中,其中一个页面是选择城市列表的页面,类似美团的城市选择,银行APP中银行列表选择,出现通讯异常。

前言

这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行列表选择,通讯录中快速定位到联系人选择的锚点位置等这样的功能,作为刚入门不久的我来说,感觉这个功能还是有一点压力。下面我来分享一下我所查到的一些实现方法。

什么是锚点问题

对于pc端网页来说,常见的网页右侧的回到顶部按钮,点击直接跳转到网页最上面,就是锚点的实现;

如何用JavaScript获取滚动条位置并滑动到页面锚点?

对于移动端来说,打开你手机的通讯录,点击右侧的字母,页面直接跳转到对应字母的联系人,这也是锚点的实现。

阅读全文

本文共计1217个文字,预计阅读时间需要5分钟。

如何用JavaScript获取滚动条位置并滑动到页面锚点?

前言:本文记录最近工作中遇到的一个问题,在APP原生和前端H5混合开发的过程中,其中一个页面是选择城市列表的页面,类似美团的城市选择,银行APP中银行列表选择,出现通讯异常。

前言

这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行列表选择,通讯录中快速定位到联系人选择的锚点位置等这样的功能,作为刚入门不久的我来说,感觉这个功能还是有一点压力。下面我来分享一下我所查到的一些实现方法。

什么是锚点问题

对于pc端网页来说,常见的网页右侧的回到顶部按钮,点击直接跳转到网页最上面,就是锚点的实现;

如何用JavaScript获取滚动条位置并滑动到页面锚点?

对于移动端来说,打开你手机的通讯录,点击右侧的字母,页面直接跳转到对应字母的联系人,这也是锚点的实现。

阅读全文