JQuery动画scrollTop不能在一个页面中工作

是因为JQuery的scrollTop方法只能用于滚动可滚动元素的滚动条，而不是整个页面的滚动条。如果想要在页面中实现滚动效果，可以使用其他方法或插件来实现。

一种常见的解决方法是使用原生JavaScript的scrollTo方法来实现页面滚动。scrollTo方法可以通过设置页面的scrollTop属性来实现滚动效果。以下是一个示例代码：

$('html, body').animate({
    scrollTop: $('#targetElement').offset().top
}, 1000);

上述代码中，通过设置scrollTop属性为目标元素距离页面顶部的偏移量，实现了页面的平滑滚动效果。其中，#targetElement是目标元素的选择器，1000是滚动的持续时间（单位为毫秒）。

除了使用原生JavaScript方法，还可以使用一些专门用于页面滚动的插件，如fullPage.js、ScrollMagic等。这些插件提供了更多的滚动效果和配置选项，可以根据具体需求选择使用。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络）。腾讯云CDN是一种通过在全球部署节点服务器，将用户请求的内容分发到离用户最近的节点，提高内容访问速度和用户体验的服务。通过使用CDN，可以加速页面加载速度，提高网站性能。

腾讯云CDN产品介绍链接地址：https://cloud.tencent.com/product/cdn