//使用onClick事件调用即可 target 为滚动目标对象的id
jumpAndFlicker=(target)=>{
//找到对应组件 若存在执行滚动
let anchorElement = document.getElementById(`${target}`);
// behavior 定义滚动动画，默认值为auto。
// auto :没有动画直接跳转到对应处
// smooth: 有动画 平滑的滚动到对应处
// block 定义垂直方向的对齐 默认值为start.
// start，表示顶端对齐。
// center，表示中间对齐。
// end，表示底端对齐。
// nearest：
// 如果元素完全在视口内，则垂直方向不发生滚动。
// 如果元素未能完全在视口内，则根据最短滚动距离原则，垂直方向滚动父级容器，使元素完全在视口内。
// inline 定义水平方向的对齐，默认值为nearest。
// 参数同 bloack 显然 start end 分别变更为左端右端
if (anchorElement) {
anchorElement.scrollIntoView({
behavior: 'smooth',
block: 'start',
inline :'start'
});
}
};
react 锚点 点击触发滚动
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- keyboardShouldPersistTaps={'handled'} keyboardShouldPersi...
- 前言：mmp网上搜的千篇一律，而且不好使！！！～～～坑啊。。 哎！！：亲自踩坑！ 接下来实现：拦截tablayou...
- 最近在用creator做仓库背包的功能,我是用的scrollview来滑动展示, 然后放了许多道具预制体, 每个道...
