JS跳转到指定元素的位置

2020-12-22 09:28

阅读:526

标签:string   html   tde   mon   scrolltop   ati   fun   位置   word   

 

需求背景

在开发过程中,经常遇到用户提出 如果某个内容没有填写,则需要弹出提示,并且将页面滚动到指定位置的需求。那这种情况应该怎么实现呢?
具体代码如下:

一、给链接a加个#的方式来实现跳转。

div1 div2 div3
div id="container">
    a href="#div1">div1a>
    a href="#div2">div2a>
    a href="#div3">div3a>
div>

直接模拟点击链接事件即可实现跳转。

缺点:刷新界面或者回退的时候,会有问题。 

 

二、用animate属性

 
 $(".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跳转到指定元素的位置

标签:string   html   tde   mon   scrolltop   ati   fun   位置   word   

原文地址:https://www.cnblogs.com/kekelele/p/13995425.html


评论


亲,登录后才可以留言!