Scrollen in meiner Webanwendung

Question

Ich muss ein Scroll-Ereignis und eine bestimmte Y-POST innerhalb eines Elements in meiner Webanwendung auslösen. Wie werde ich das tun? Mein Element nicht das gesamte Fenster und wenn es der Fall ist, kann ich für window.scrollTo (x, y) gehen. Mein Element hat die Klasse A. Also wird die folgende Jquery funktionieren?

$('.A').scrollTo(x,y) 

Aber der obige Code produziert nicht die erwartete o/p.

Ich habe versucht, den folgenden Code nach gokul shinde Lesen:

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

noch nicht funktioniert :(

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>

Diese Ihnen helfen Sollte