Question

我需要在我的Web应用程序的元素中触发一个滚动事件和一个特定的y-pos。我该怎么做我的元素不是整个窗口，如果是这样的话我可以去window.scrollTo（x，y）。我的元素有A类。那么下面的jquery会起作用吗？

$('.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'
 );

仍然无效:(

Answer 1

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

这应该对你有帮助。

滚动我的Web应用程序

1 个答案: