当前位置: 首页 > news >正文

做阅读理解的网站外贸seo

做阅读理解的网站,外贸seo,大连模板做网站,能打开所有网址的浏览器效果如图 1. 当表格内容超出时&#xff0c;自动滚动&#xff0c;滚动到最后一条之后在从头滚动。 2. 鼠标移入表格中&#xff0c;停止滚动&#xff1b;移出后&#xff0c;继续滚动。 直接贴代码 <template><div><div class"app-container"><e…

 效果如图 

1. 当表格内容超出时,自动滚动,滚动到最后一条之后在从头滚动。

2. 鼠标移入表格中,停止滚动;移出后,继续滚动。

 

 

直接贴代码 

 

<template><div><div class="app-container"><el-tablev-loading="loading":data="tableData":max-height="500"ref="scroll_Table"@mouseenter.native="autoScroll(true)"@mouseleave.native="autoScroll(false)"></el-table></div></div>
</template><script>
import mixins from "./mixins";
export default {data() {return {loading: false,tableData: [],scrolltimer: '', // 自动滚动的定时任务}},mounted() {this.autoScroll()},beforeDestroy() {this.autoScroll(true)},methods: {// 设置自动滚动autoScroll(stop) {const table = this.$refs.scroll_Table// 拿到表格中承载数据的div元素const divData = table.$refs.bodyWrapper// 拿到元素后,对元素进行定时增加距离顶部距离,实现滚动效果(此配置为每100毫秒移动1像素)if (stop) {//再通过事件监听,监听到 组件销毁 后,再执行关闭计时器。window.clearInterval(this.scrolltimer)} else {this.scrolltimer = window.setInterval(() => {// 元素自增距离顶部1像素divData.scrollTop += 1// 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)if (divData.clientHeight + divData.scrollTop == divData.scrollHeight) {// 重置table距离顶部距离divData.scrollTop = 0// 重置table距离顶部距离。值=(滚动到底部时,距离顶部的大小) - 整个高度/2// divData.scrollTop = divData.scrollTop - divData.scrollHeight / 2}}, 150) // 滚动速度}},}
};
</script>

 

http://www.zhongyajixie.com/news/15750.html

相关文章:

  • 上海网站建设设计公司做网站需要多少钱
  • 平面素材网站排名福州网站seo
  • 微信网站开发流程可口可乐搜索引擎营销案例
  • 建设网站的源代码seo搜索引擎优化是什么意思
  • 南京搜索引擎推广优化百度seo效果
  • 山东食品行业网站开发百度怎么注册公司网站
  • 网站后端架构如何做seo教程网
  • wordpress gitbook 插件杭州优化建筑设计
  • 做怎样的网站能赚钱吗网络平台有哪些
  • 山东省建设工程协会网站9个成功的市场营销案例
  • 手机微网站第二年续费吗网站营销推广有哪些
  • 网站网络推广服务免费卖货平台
  • 广州洲聚网站开发网推是什么
  • 武汉文理学院机电与建筑工程网站希爱力的作用与功效
  • 做网站用java还是php网店运营实训报告
  • 室内设计和平面设计区别山西免费网站关键词优化排名
  • 什么网站可以做设计赚钱吗企业培训师
  • 云南工贸网站建设百度霸屏推广多少钱一个月
  • 网站建设方案-奢侈品灰色词快速排名方法
  • 犀牛云做网站一年多少钱谷歌浏览器官方正版下载
  • 鄱阳网站建设网络运营课程培训班
  • 怎么做系部网站首页百度seo最新算法
  • 自己做的网站怎么维护网站怎么提升关键词排名
  • 宁乡电商网站建设价格百度快速排名优化技术
  • 动态网站开发与实例网站软文是什么
  • 长春网站关键词推广百度在线扫一扫
  • 甘肃网站建站系统平台在线咨询
  • 无锡网站制作难吗网络推广和竞价怎么做
  • 什么是灰色网站bt磁力搜索器
  • 一家专门做打折的网站网站宣传推广文案