jQuery
文章平均质量分 97
爱吃糖的小明
这个作者很懒,什么都没留下…
展开
-
轮播利器Swiper设置为loop模式时遇到的问题
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。原创 2020-09-11 18:23:22 · 9055 阅读 · 3 评论 -
Swiper实现导航栏滚动效果
在一些移动app中,总能看到导航栏是可以滚动,这样的滚动利用Swiper也可以实现原创 2020-09-11 17:38:25 · 2260 阅读 · 0 评论 -
jQuery实现视窗上、下滚动导航隐藏、出现【二】
jQuery实现视窗上、下滚动导航隐藏、出现【二】这里的导航栏隐藏和出现我们用的是Headroom.js插件。Headroom.js是一个轻量级、高性能的JS小工具(不依赖不论什么工具库。),它能在页面滚动时做出响应。此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了。Headroom.js有什么用?1、固定页头(导航条)能...原创 2020-05-03 23:51:18 · 455 阅读 · 0 评论 -
jQuery实现视窗上、下滚动导航隐藏、出现【一】
jQuery视窗上、下滚动导航隐藏、出现实现的原理比较简单,即只需监听视口的滚动,获取到当前滚动条距离视口顶部的距离,再定义一个变量,用于判断当前高度和上一次的高度,当前高度大于上一次,说明向下滚动,导航隐藏;当前高度小于上一次高度,说明向上滚动,显示导航。显示和隐藏的效果可以通过animate()制定,或其他动画扩展<div class="header">Th...原创 2020-04-29 18:11:33 · 531 阅读 · 0 评论 -
jquery无缝轮播【一】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding...原创 2020-04-27 21:18:30 · 122 阅读 · 0 评论 -
仿iphone-App Store中图片点击全屏展开效果实战
iphone-App Store中Today的图片点击全屏展开效果【jquery】示例演示:jquery点击图片--全屏弹窗效果偶然间发现iphone手机的App Store中的Today里面的图片点击效果, 就用jquery的动画模仿它的效果,自己写了一下,效果出来了,但很多细节还需要优化,这里的事件是点击触发,而真实App Store中的返回效果是手指按住下拉。(其实是按住下拉的...原创 2020-04-25 18:10:48 · 1136 阅读 · 0 评论