JS跳转到指定元素的位置
2020-12-22 09:28
标签:string html tde mon scrolltop ati fun 位置 word 需求背景 在开发过程中,经常遇到用户提出 如果某个内容没有填写,则需要弹出提示,并且将页面滚动到指定位置的需求。那这种情况应该怎么实现呢? 一、给链接a加个#的方式来实现跳转。
直接模拟点击链接事件即可实现跳转。 缺点:刷新界面或者回退的时候,会有问题。 二、用animate属性 JS跳转到指定元素的位置 标签:string html tde mon scrolltop ati fun 位置 word 原文地址:https://www.cnblogs.com/kekelele/p/13995425.html
具体代码如下:div
id
=
"container"
>
a
href
=
"#div1"
>div1
a
>
a
href
=
"#div2"
>div2
a
>
a
href
=
"#div3"
>div3
a
>
div
>
$(".monthInput").blur(function () {
if ($(this).val().trim() == ‘‘) {
$("html, body").animate(
{ scrollTop: $(this).offset().top },
{ duration: 500, easing: "swing" }
);
return;
}
else {
this.style.borderColor = ‘#d9d9d9‘;
}
})
上一篇:JS:关系运算符的隐式转化
下一篇:c#用反射动态获取类型