会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
myyt
新随笔
订阅
管理
2020年9月11日
gulp sass编译,修改代码自动保存刷新
摘要: var gulp = require('gulp');// Requires the gulp-sass pluginvar sass = require('gulp-sass');var browserSync = require('browser-sync');gulp.task('browse
阅读全文
posted @ 2020-09-11 17:34 myyt
阅读(186)
评论(0)
推荐(0)
2020年8月26日
判断滚动条滚动方向
摘要: var newScrollT=0,oldScrollT=0,goDown=true;$(window).scroll(function(){ newScrollT = $(this).scrollTop(); if(oldScrollT<=newScrollT&&goDown){ let heigh
阅读全文
posted @ 2020-08-26 14:24 myyt
阅读(316)
评论(0)
推荐(0)
2020年8月24日
滚动视觉差效果
摘要: html: <div class="box"></div> css:.box{height:500px;background-repeat:no-repeat;background-attachment:fixed;background-position:center 0;background-si
阅读全文
posted @ 2020-08-24 12:00 myyt
阅读(222)
评论(0)
推荐(0)
2020年8月5日
商品放大镜功能
摘要: css:<style> .ylImg { width: 100%; max-width: 500px; margin: 50px auto 0; position: relative; } .ylZoom { position: relative; } .ylZoom .zoomImg{width:
阅读全文
posted @ 2020-08-05 15:40 myyt
阅读(188)
评论(0)
推荐(0)
滑动到当前位置,数字递增效果
摘要: html: <div class="flexW"> <div class="num">350</div> <div class="num">323435</div> <div class="num">7</div> <div class="num">25</div> </div>css:.flexW
阅读全文
posted @ 2020-08-05 15:39 myyt
阅读(286)
评论(0)
推荐(0)
jq实现瀑布流
摘要: css: <style> *{margin: 0;padding: 0;} img{max-width: 100%;} .container{max-width: 1200px;margin: 0 auto;} .waterfall{position: relative;} .waterfall .
阅读全文
posted @ 2020-08-05 15:37 myyt
阅读(252)
评论(0)
推荐(0)
元素进入屏幕可视区域,触发animate动画
摘要: css: //需要引入animate.css [data-animation]{visibility: hidden;animation-duration:1.5s; -webkit-animation-duration:1.5s;opacity: 0;animation-fill-mode:for
阅读全文
posted @ 2020-08-05 15:35 myyt
阅读(1532)
评论(0)
推荐(0)