ele.scrollIntoView()返回顶部

前端小云儿

于 2023-09-26 19:32:15 发布

阅读量72

点赞数

分类专栏：前端静态页面以及逻辑文章标签： javascript 前端 css3

本文链接：https://blog.csdn.net/jieweiwujie/article/details/133321958

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 17 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

本文详细介绍了JavaScript的ele.scrollIntoView()方法，如何利用它轻松实现页面元素滚动到顶部的效果，同时探讨了与CSS3的相关结合应用。

摘要由CSDN通过智能技术生成

<template>
  <div id="app" ref="scrollTop0">
    <div class="div-style">
      <div
        v-for="(item, index) in DataView"
        :key="index"
        @click="clickToItem(`${item.name}${index}`)"
      >
        {
  { item.name }}
      </div>
      <div @click="clickToItem('top')">返回顶部</div>
    </div>
    <div>12345</div>
    <div>12345</div>
    <div>12345</div>
    <div>12345</div>
    <div>12345</div>
    <div>12345</div>
    <div>12345</div>
    <div>12345</div>
    <div>12345</div>
    <div>12345</div>
    <div>12345</div>
    <div>12345</div>
    <div style="margin-top: 30px">
      <div
        class="div-height"