div如何滑动出现？

柳暗花明又一村__ 2025-05-15 14:37:27

请教一下css特效，比如页面加载到特定位置，div才滑动显示出来，是只需要Css还是必须加上JS，怎么写！

就像这个站点https://dwxsb.pku.edu.cn/index.htm

里面的div都是滑动出现，怎么实现的！

谢谢！！！

...全文

32 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

在遮罩层添加 @touchmove.prevent如果弹窗不在遮罩层内部，那么冒泡就不会经过遮罩层，也就无法屏蔽滑动了 <div class="overlayer" @touchmove.prevent > </div> <div class="popup"> 如果在这个div中滑动，触发的事件是不会经过overlayer的...

http://www.haorooms.com/post/webapp_bodyslidebcdiv 我给body一个overflow：hidden和高度是没有用的。手机网站上背景还是可以滑动，然后我给body一个touchmove的preventdefault()阻止事件，body滑动阻止了，PC上面是可以了，但是手机上面滑动div还是会导致底部body的滑动，我给div 一个阻止冒泡的事件st

JS 实现 div 滑动效果，模拟平面滑动，模拟平面滑动效果本来想找个现成的代码，找了很久要不是轮播页面切换效果，要不就是翻书翻页的效果。。。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....

在遮罩层添加 @touchmove.prevent 用法 <div v-show="ishow" class="fiex" @touchmove.prevent> <div @click="hide" class="hide"></div> <div :time_="tim" class=&quo

CSS+HTML实现移动端div左右滑动展示 //由于手机屏幕的宽度有限，内容太多移动导致不能放在一行，所以很多移动端网站的导航栏都有左右滑动效果  <div class="div"> <div class="box"> <div class="box1"></div> <div class="box1"></div> <div class

61,126

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章