ตอนโหลดหน้าใหม่จะทำยังไงให้ scroll เลื่อนลงมาตามตำแหน่งที่ต้องการ

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 8230
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

ตอนโหลดหน้าใหม่จะทำยังไงให้ scroll เลื่อนลงมาตามตำแหน่งที่ต้องการ

โพสต์โดย thatsawan » 06/07/2016 2:00 pm

ตอนโหลดหน้าใหม่จะทำยังไงให้ scroll เลื่อนลงมาตามตำแหน่งที่ต้องการ

ภาพประจำตัวสมาชิก
jataz2
PHP Hero Member
PHP Hero Member
โพสต์: 179
ลงทะเบียนเมื่อ: 22/02/2011 11:48 am

Re: ตอนโหลดหน้าใหม่จะทำยังไงให้ scroll เลื่อนลงมาตามตำแหน่งที่ต้องการ

โพสต์โดย jataz2 » 06/09/2016 4:43 pm

อันนี้ เริ่มต้นจากด้านบนแล้วเลื่อนลงไป 60 px

โค้ด: เลือกทั้งหมด

$(document).ready(function () {
     $('html,body').animate({
            scrollTop: $(window).scrollTop() + 60
       })
});

ภาพประจำตัวสมาชิก
jataz2
PHP Hero Member
PHP Hero Member
โพสต์: 179
ลงทะเบียนเมื่อ: 22/02/2011 11:48 am

Re: ตอนโหลดหน้าใหม่จะทำยังไงให้ scroll เลื่อนลงมาตามตำแหน่งที่ต้องการ

โพสต์โดย jataz2 » 06/09/2016 4:51 pm

อันนี้ ถ้า validate form ตงจุดไหนไม่ผ่าน ก็เลื่อนหน้าจอไปจุดนั้น

โค้ด: เลือกทั้งหมด

$(document).ready(function () {
      var validate_form = true;
      var elementScollup = null;
                if ($("#CARD_ID") == null)
                 {
                        if(elementScollup ==null)
                        {
                             elementScollup = $("#CARD_ID").get();
                        }
                        validate_form = false;
                    }
                 }
      if (validate_form  == false)
      {
         $('html, body').animate({scrollTop: $(elementScollup).offset().top}, 2000);
      }
});


ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 4 และ บุคคลทั่วไป 0 ท่าน