如何解决将参数从URL添加到元素并滚动到元素
我在按钮上有如下网址:
www.mywebsite.com/infopage?scrollTo=section-header&#tab3
当我单击按钮时,它会按预期转到上述URL,并打开名为tab3
的标签页,并将其设置为锚点。
可以使用普通JavaScript完成吗?我正在尝试将URL中的“ section-header”值添加为第二个锚点,并以某种方式滚动至该位置。
这里window.scrollTo
可以选择吗?
在此先感谢您的帮助,我一直在寻找如何做的方法,并且是JavaScript的初学者。
解决方法
使用scrollIntoView
可以获得与锚点类似的滚动效果:
var url = new URL(window.location.href);
var scrollTo = url.searchParams.get("scrollTo");
document.getElementById(scrollTo).scrollIntoView({behavior: 'smooth'});
注意:url.searchParams
具有limited support(不支持IE)。如果您需要支持较旧的浏览器,则可以使用this polyfill或其他方法从URL获取参数。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。