Question

我有一个包含链接的页面（无法访问编辑链接）。

事件链接作为链接末尾的ID。（例如） https://test.com/PageCatalog.aspx?Pcat=16

下面的jquery可以正常工作，没有任何问题。我捕获了URL，并在=处精确地分割了URL，并捕获了类别ID，如果是这样的话，我通常将滚动条感知到顶部。

<script type="text/javascript">

    $(document).ready(function() {

        var url = window.location.href;
        var maid = url.split("=").pop();

        if (maid == 53) {
            $("html,body").animate({scrollTop: 10}, 1000);
        }

    });

</script>

但是现在整个框架工作已更新为Angular JS，而以上内容不起作用。我尝试了几件事，但未能成功。

需要您的帮助才能在Angularjs中实现。

Answer 1

好的。让我们尝试不同的方法，让我知道是否有任何方法可以帮助您：

jQuery的方法scrollTop（）

scrollTop（）方法将返回一个高度值，您以后可以使用它。

var height =  $(window).scrollTop();

jQuery的方法animate（）

有时候，由于某些浏览器的不同，您会发现浏览器不会单独响应窗口对象，html或主体：

$(window).scrollTop();
$('html').scrollTop();
$('body').scrollTop();

一种解决方法是制作一个同时影响html和body的动画：

  $('html, body').animate({scrollTop: 0} , 0);

第一个属性指示要更改的属性。第二个属性指示您应该多快地更改它。

纯JavaScript

window.scrollTo(0,0);

使用锚点+ jQuery

创建锚点：

<a id="top"></a>

滚动到它：

var topTag = $("a[name='top']");
$('html,body').animate({scrollTop: topTag.offset().top}, 0);

使用锚点+ HREF

创建锚点：

<a id="top"></a>

然后，通过按下链接滚动到它：

<a href="#top">Go to Top</a>

单击（链接）HREF时，滚动到Angular JS页面的顶部

1 个答案: