首页 > 其他分享 >如何使用Towify配置图文的垂直滚动?

如何使用Towify配置图文的垂直滚动?

时间:2022-12-02 10:08:52浏览次数:30  
标签:容器 滚动 素材 垂直 Towify 链接 图文

本文将教大家如何实现图文的垂直滚动。

效果展示:

如何使用Towify配置图文的垂直滚动?_无代码

前置准备:

  1. 需展示的图文素材
  2. 将图文素材放入同一 容器 进行排布 (图文素材容器的高度需超过垂直滚动容器的高度)

具体步骤 :

  1. 添加 垂直滚动容器
  2. 配置链接滚动内容

步骤分解 :

  1. 添加垂直滚动容器

如何使用Towify配置图文的垂直滚动?_无代码_02

1.1 配置链接滚动内容

1.2 点击 LINK 按钮

1.3 拖拽锚点链接滚动内容

如何使用Towify配置图文的垂直滚动?_无代码_03

现在就可以实现图文的垂直滚动了。

标签:容器,滚动,素材,垂直,Towify,链接,图文
From: https://blog.51cto.com/u_15860117/5904994

相关文章

  • 在Towify中如何配置 3D 翻转动画?
    效果展示:前置准备:准备需要执行翻转动画的卡片(下文简称“翻转卡片”)步骤分解:创建自定义动画选中翻转卡片点击+按钮添加自定义动画配置动画效果选中图片组件点击检查面板中......
  • 横线滚动条
    <template><divclass="scroll"><divclass="box"><divclass="number-css"v-for="(item,index)in30":key="index">aaaaa{{item}}</div>......
  • 滚动条设置
    /*滚动条宽度*/.tableBox::-webkit-scrollbar{width:20px;}/*轨道*/.tableBox::-webkit-scrollbar-track{box-shadow:inset000pxrgba(240,......
  • 排序算法图文视频讲解
    排序算法可以分为内部排序和外部排序,内部排序是数据记录在内存中进行排序,而外部排序是因排序的数据很大,一次不能容纳全部的排序记录,在排序过程中需要访问外存。常见的内部排......
  • 图文并茂说明raid0,raid1, raid10, raid01, raid5等原理
    RAID:独立硬盘冗余阵列(RAID,RedundantArrayofIndependentDisks),旧称廉价磁盘冗余阵列(RedundantArrayofInexpensiveDisks),简称磁盘阵列。利用虚拟化存储技术把多个硬......
  • 实现div元素滚动条默认滚动到最底部 - 使用场景 - 聊天信息框
    实现div元素滚动条默认滚动到最底端使用场景:聊天信息框需要了解几个属性和方法:scrollHeight:元素高度-包含滚动条隐藏部分clientHeight:元素可视高度-不包含滚动条隐......
  • css 设置滚动条样式
    /*设置滚动条样式*/div::-webkit-scrollbar{width:4px;}div::-webkit-scrollbar-thumb{border-radius:10px;-webkit-......
  • K8s configmap Secrets 更新滚动更新pod
    K8sconfigmapSecrets更新滚动更新podReloaderpatch一、k8s使用Reloader实现更新configmap后自动重启podGitHub-stakater/Reloader在日常使用kubernetes......
  • 无限滚动效果如何实现
    由于网页的执行都是单线程的,在JS执行的过程中,页面会呈现阻塞状态。因此,如果JS处理的数据量过大,过程复杂,可能会造成页面的卡顿。传统的数据展现都以分页的形式,但是分页的效......
  • ArcObjects SDK开发 008 从mxd地图文件说起
    1、Mxd文件介绍ArcGIS的地图文件为.mxd扩展名。Mxd文件的是有版本的,和ArcGIS的版本对应。可以在ArcMap中的File-SaveACopy,保存一个地图拷贝的时候选择Mxd文件的版本,支持......