阿里飞冰构建的react项目使用a锚点定位问题

需求：首页顶部导航菜单的跳转为当前页的下方锚点。

传统实现：使用<a>标签跳转 id。

问题：无法跳转，会发起路由跳转页面。

问题所在：react自身的问题。

解决方案：使用scrollToAnchor方案。（1：给a加上点击事件传入id。2：复制方法。3：定位所在地加上id）

if (anchorElement) { anchorElement.scrollIntoView({ behavior: 'smooth' }); }
//加上smooth字段，会有平滑滚动动画

阿里飞冰构建的react项目使用a锚点定位问题相关推荐

构建一个react项目_您想要了解更多有关React的内容吗？让我们构建一个游戏，然后玩。...
构建一个react项目 by Samer Buna 通过Samer Buna 您想要了解更多有关React的内容吗? 让我们构建一个游戏,然后玩. (Do you want to learn more ...
阿里飞冰使用Link路由跳转报错之“react-router”与“react-router-dom”
需求:首页链接点击跳转二级页面错误实现:引入路由模块,使用Link跳转(如最下面的那张图) 因为之前没有接触过react,飞冰也是新用.所以某度了很久,react路由跳转,react官方文档,各种文 ...
可视化构建工具探索之Vue Cli3.0 阿里飞冰
Vue Cli3.0可视化构建工具--Vue UI 一.安装环境安装了最新的Vue CLI.打开Terminal,输入: npm install -g @vue/cli or yarn global ...
使用dva脚手架（dva-cli）快速构建React项目
安装 dva-cli 你应该会更希望关注逻辑本身,而不是手动敲入一行行代码来构建初始的项目结构,以及配置开发环境. 那么,首先需要安装的是 dva-cli .dva-cli 是 dva 的命令行工具, ...
自己构建React项目
如果没有create-react-app,我们应该如何构建项目呢?今天让我们一起通过自己的方式打包react项目吧! 第一步创建文件 mkdir react-boiler-plate cd react ...
使用 Dawn 构建 React 项目
开发一个 React 项目,通常避免不了要去配置 Webpack 和 babel 之类,以支持 commonjs 或 es 模块及各种 es 新语法,及进行 jsx 语法的转义.当然也可以用 crea ...
【构建】react打造你的第一个Bilibili首页开发项目
[构建]react打造你的第一个Bilibili首页开发项目简介 Hello 小极客们,如果觉得本文还不错,记得点个赞或者给个 star,你们的赞和 star 是我编写更多更丰富开源项目的动力![ ...
react项目中使用阿里播放器播放视频，包括切换视频，播放定时跳转（兼容ios和andro），播放完成
react项目中使用阿里播放器播放视频,包括切换视频,播放定时跳转(兼容ios和andro),播放完成 1.index.html引入阿里播放器的cdn <link rel="style ...
React项目中如何结合antd引入阿里图标（外联方式）
在Raect项目中,图标的使用不可避免,如何使用根据antd来使用阿里图标库? 一.在阿里图标库中选中自己需要的图标存到自己的项目当中并下载至本地二.1.在React项目的根目录下创建一个stati ...

阿里飞冰构建的react项目使用a锚点定位问题

阿里飞冰构建的react项目使用a锚点定位问题相关推荐

最新文章

热门文章