Web uygulamamda kaydırma

Question

Web uygulamasındaki bir kaydırma olayını ve bir öğenin içindeki belirli bir y-pos'ı tetiklemem gerekiyor. Bunu nasıl yapacağım. Öğem, pencerenin tamamı değil ve eğer durum buysa, window.scrollTo (x, y). Öğemde A sınıfı var. Yani aşağıdaki jQuery çalışacak mı? Yukarıdaki kod beklenen o/p değerini üretmez.

Ben gokul Shinde okuduktan sonra aşağıdaki kodu çalıştı:

var scroller = $('.x-grid3-scroller'); 
var scrollerHeight = scroller.height; 
scroller.animate({ 
     scrollTop: scroller.offset({top:scrollerHeight, left:0}) 
    },'slow' 
); 

hala bu size yardımcı mı :(

Answer 1

function scrolTop() { 
 
$('html,body').animate({ 
 
    scrollTop: $(".A").offset().top 
 
    },'slow' 
 
); 
 

 
}

.A { 
 
    border: 1px solid red; 
 
    height: 500px; 
 
} 
 
.B { 
 
    color: Green; 
 
    Font-size: 20px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div> 
 
    <div class="A"></div> 
 
    
 
    <div class="B" onclick="scrolTop();">Click Here</div> 
 
</div>

işe yaramadı