
css
Best_北诗
这个作者很懒,什么都没留下…
展开
-
vue实现文字上下停顿滚动
需求:在Vue项目的顶部,来实现数据上下翻页+停顿滚动代码:html中写的<el-row :gutter="22"> <el-col :xs="24" :sm="24" :lg="24"> <!-- 头部滚动区域 --> <div class="text-container"> <div class="text-container" v-if="showTopSlide">原创 2022-04-21 14:49:34 · 2174 阅读 · 0 评论 -
小程序点击按钮跳转新的页面
小程序点击按钮跳转新的页面目前处于学习阶段,只是为了做笔记分享,还请大神多多指教第一步:首先要在app.json中的pages中创建想要跳转的文件夹,pages中第一个展示的路径就是小程序中的初始页面建立完成以后就会看到两个文件夹.js(js逻辑).json (json配置文件).wxml (页面内容).wxss (页面样式)文件也会跟着一起建立出来在login文件夹中写以下代码在这里我是以login为初始页面建立完成以后在.wxml中写一下内容<view><原创 2021-12-22 11:19:59 · 7382 阅读 · 1 评论 -
Vue+跑马灯样式实现文字横向滚动
Vue+跑马灯样式实现文字左右滚动需求:在Vue项目的顶部,来实现文字左右滚动步骤:可以自己封装一个组件,也可以自己写,也可以复制以下代码封装完成以后要在所需的组建中引入,注册,并使用代码:封装一个专门用来实现跑马灯效果的组件marquee组件<template><!-- 跑马灯组件 --> <div class="marquee-wrap" ref="marquee-wrap"> <div class="scroll" ref="原创 2021-11-22 16:56:53 · 2629 阅读 · 2 评论 -
如何快速找到是哪个元素产生滚动
把以下代码复制粘贴到浏览器 Console 面板,敲一下回车 function findscroller(element){ element.onscroll=function () { console.log(element) } Array.from(element.children).forEach(findscroller) } findscroller(document.body)复制到 Console原创 2020-11-01 20:01:02 · 1686 阅读 · 6 评论