2016-03-28 3 views
0

スクロールイベントと、Webアプリケーションの要素内の特定のyポジションをトリガする必要があります。どうすればいいのですか?私の要素はウィンドウ全体ではなく、その場合、私はwindow.scrollTo(x、y)に行くことができます。私の要素はクラスAを持っていますので、次のjqueryは動作しますか?Webアプリケーションのスクロール

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

しかし、上記のコードは期待されるo/pを生成しません。

私はgokulのshindeを読んだ後、次のコードを試してみました:

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

は、まだこれはあなたを助けるべき:(

答えて

0

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>

を動作しませんでした

+0

感謝を。私は次のコードを試しました: 'var scroller = $( '。x-grid3-scroller'); \ n var scrollerHeight = scroller.height; scroller.animate({ scrollTop:scroller.offset({top:scrollerHeight、left:0}) }、 'slow' ); ' まだ動作しませんでした。 –

関連する問題