如何使javascript scrollIntoView顺利?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了如何使javascript scrollIntoView顺利?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含740字,纯文字阅读大概需要2分钟。
内容图文
在一个反应??应用程序中,我有一个方法被调用以将特定节点带入视图,如下所示.
scrollToQuestionNode(id) {
const element = document.getElementById(id);
element.scrollIntoView(false);
}
滚动很好,但滚动动作有点不稳定.我怎样才能让它顺利?我没有看到任何我可以为scrollIntoView提供的选项.
解决方法:
这可能有所帮助.
来自scrollIntoView的MDN文档
您可以传入选项而不是布尔值.
scrollIntoViewOptions Optional
A Boolean or an object with the following options:
{
behavior: "auto" | "instant" | "smooth",
block: "start" | "end",
}
所以你可以简单地传递这样的参数.
scrollToQuestionNode(id) {
const element = document.getElementById(id);
element.scrollIntoView({ block: 'end', behavior: 'smooth' });
}
参考:https://developer.mozilla.org/en/docs/Web/API/Element/scrollIntoView
内容总结
以上是互联网集市为您收集整理的如何使javascript scrollIntoView顺利?全部内容,希望文章能够帮你解决如何使javascript scrollIntoView顺利?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。