为什么不使用JQuery内置函数scrollTop：

$('html, body').scrollTop(0);//For scrolling to top

$("body").scrollTop($("body")[0].scrollHeight);//For scrolling to bottom

简短而简单！

用于滚动到页面顶部的元素和元素

WebElement tempElement=driver.findElement(By.cssSelector("input[value='Excel']"));

            ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", tempElement);

您可以简单地使用链接中的目标，例如#someid，其中#someid是div的id。

或者，您可以使用任何数量的滚动插件，使其更加优雅。

http://plugins.jquery.com/project/ScrollTo是一个例子。

使用简单的css尝试这个解决方案，只需将css滚动行为：在html和body上平滑，就像我在css中应用的那样。就是这样

document.querySelector（'a'）.onclick=函数（）{window.srollTo（0,0）}html，正文{滚动行为：平滑；}一个{背景色：红色；颜色：#fff；边界半径：10px；边距：10px 0；显示：内联块；填充：10px 20px；}<p>自从1500年代以来，Lorem Ipsum就一直是行业的标准伪文本，当时一位不知名的印刷商拿着一把打字机，把它弄乱，做成了一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p> <p>自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p＞<a>滚动到顶部</a>

我希望这对你有很大帮助。请告诉我你的想法

使用AplineJS和TailwindCSS返回页首：

<button
    x-cloak
    x-data="{scroll : false}"
    @scroll.window="document.documentElement.scrollTop > 20 ? scroll = true : scroll = false"
    x-show="scroll" @click="window.scrollTo({top: 0, behavior: 'smooth'})"
    type="button"
    data-mdb-ripple="true"
    data-mdb-ripple-color="light"
    class="fixed inline-block p-3 text-xs font-medium leading-tight text-white uppercase transition duration-150 ease-in-out bg-blue-600 rounded-full shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg bottom-5 right-5"
    id="btn-back-to-top"
    x-transition.opacity
>
    <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
        <path fill-rule="evenodd" d="M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z" clip-rule="evenodd" />
    </svg>
</button>

滚动到的一个简单示例（使用html效率更高，但以下是如何使用JavaScript实现的）：

const btn=document.querySelector（'.btn'）；btn.addEventListener（'click'，（）=>{window.scrollTo({左：0，顶部：0，})})window.addEventListener（'scroll'，函数（）{const scrollHeight=window.pageYOffset；如果（滚动高度>500）{btn.classList.add（'sow-link'）；}其他{btn.classList.remove（'sow-link'）；}});.节{衬垫底部：5rem；高度：90vh；}.磅{位置：固定；底部：3rem；右：3rem；背景：蓝色；宽度：2rem；高度：2rem；颜色：#fff；可见性：隐藏；z指数：-100；}.show链接{可见性：可见；z指数：100；}.标题h2{文本对齐：居中；}<section class=“section”><div class=“title”><h2>第一节</h2></div></section><section class=“section”><div class=“title”><h2>第二节</h2></div></section><section class=“section”><div class=“title”><h2>第三节</h2></div></section><a class=“btn”></a>