angular - scrollTo() 在 iOS 上不起作用

Question

我想滚动到我的类别列表，但在 iOS 上该命令不起作用。在 Android 上没问题..

代码示例:

@ViewChild(Content) content: Content;

scrollTo() {
    this.content.scrollTo(0, 100, 200);
}

-

<button ion-button (click)="scrollTo()">Down 100px</button>

在 iOS 上，它会下降 100 像素，但会返回顶部。

我该如何解决这个问题？

谢谢!

Answer 1

这是一个可以帮助您的代码

http://jsfiddle.net/WB5qw/

$("#clickme").click(function() {
    $('html, body').animate({
        scrollTop: $("#wrap2").offset().top
    }, 2000);
    return false;
});

$("#clickme2").click(function() {
    $('html, body').animate({
        scrollTop: $("#wrap").offset().top
    }, 2000);
     return false;
});

下面是相关的html

<div id="wrap">
    <a href="" id="clickme">Click Me</a>
</div>

<div id="wrap2">
    <a href="" id="clickme2">Go to top</a>
</div>

您应该根据您的情况调整上述 JQuery。请记住，归根结底，这都是关于 JAVASCRIPT