51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#滚动
banner轮播无缝滚动 jq代码
HTML：1<divclass="box">2 <ul>3 <li>11111</li>4 <li>22222</li>5 </ul>6</div>JQ:1$(function(){2 se...
代码星球
·
2020-04-02
banner
轮播
无缝
滚动
jq
css 实现背景图片不跟着滚动条滚动而滚动
效果： 只需要在需要背景不跟着动的div里：1div{2 background:url();3 background-attachment:fixed;4} 加上background-attachment:fixed;就可以了，兼容IE6+ 如果不加这个属性：网上兼容IE6的方...
代码星球
·
2020-04-02
滚动
css
实现
背景图片
跟着
实现在某一指定位置的div在窗口滚动到指定位置的时候fixed定位
HTML：1<divclass="top">2 ·····内容3</div>4<divclass="scroll"></div>5<divclass="bottom">6 &mi...
代码星球
·
2020-04-02
指定
位置
现在
某一
div
jQuery WeUI 组件下拉刷新和滚动加载的实现
最近在做手机版使用到了下拉刷新和滚动加载，记录一下实现过程：一、引入文件<linkrel="stylesheet"href="Content/jqueryweui/weui.min.css"><linkrel="stylesheet"href="Content/jqueryweui/jquery-we...
代码星球
·
2020-04-01
jQuery
WeUI
组件
下拉
新和
记录JQ-WEUI中滚动加载的一个BUG
最近写微信公众号，用到的技术栈是jq+vue的混合开发，采用的UI是移动端比较火的WEUI，在微信开发中应该较广泛。个人看惯了elementUI文档，相对于饿了么组件文档的详细，WEUI的文档还是比较晦涩的。（个人看法）微信端展示公司订单，采用了滚动加载而没有用分页，觉得一般移动端分页的处理比较少。当然，条件搜索才是满...
代码星球
·
2020-04-01
记录
JQ-WEUI
滚动
加载
一个
让overflow:auto页面滚动条出现时不跳动
今天看到一篇张鑫旭的文章，转载过来。https://www.zhangxinxu.com/wordpress/2015/01/css-page-scrollbar-toggle-center-no-jumping/一、水平居中布局与滚动条跳动的千年难题当前web届，绝大多数的页面间布局都是水平居中布局，主体定个宽度，然...
代码星球
·
2020-04-01
overflow
auto
页面
滚动
出现
页面遮罩层，并且阻止页面body滚动。bootstrap模态框原理
实现思路：1、需要有一个层将body遮住，放在body上方。2、修改body的overflow属性值为：hidden废话不多说了，将关键代码贴出来了，兼容火狐，谷歌，ie遮罩层的样式代码，红色部分是关键的部分.cover{position:fixed;top:0px;right:0px;bottom:0px;filte...
IT猿
·
2020-03-28
页面
遮罩层
并且
阻止
body
css3 vw -----解决页面滚动出现跳动的bug
100vw相对于浏览器的window.innerWidth，是浏览器的内部宽度，注意，滚动条宽度也计算在内！而100%是可用宽度，是不含滚动条的宽度。demo：h1{font-size:8vw;}如果视口的宽度是200mm，那么上述代码中h1元素的字号将为16mm，即200/100*8mmCSS3计算calc和vw单位...
IT猿
·
2020-03-27
css3
vw
-----
解决
页面
滚动到可视区域 Element.scrollIntoView()
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。语法：element.scrollIntoView();//等同于element.scrollIntoView(true)element.scrollIntoView(alignToTop);//Boolean型参...
IT猿
·
2020-03-27
滚动
可视
区域
Element.scrollIntoView
vue2.0无限滚动加载数据插件
做vue项目用到下拉滚动加载数据功能，由于选的UI库（element）没有这个组件，就用Vue-infinite-loading这个插件代替，使用中遇到的一些问题及使用方法，总结作记录！安装：npminstallvue-infinite-loading–save引入ES6importInfini...
IT猿
·
2020-03-27
vue2.0
无限
滚动
加载
数据
vue-countTo---简单好用的一个数字滚动插件
vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js;安装使用：npminstallvue-count-to例子：...
IT猿
·
2020-03-27
vue-countTo---
简单
用的
一个
数字
微信小程序中遮罩层的滚动穿透问题
如果弹出层没有滚动事件:<viewwx:if="{{alert}}"catchtouchmove="myCatchTouch"><templateis="alert"data="{{alertData}}"/></view>myCatchTouch:function(){...
IT猿
·
2020-03-27
微信
程序
中遮
罩层
滚动
微信小程序tab切换，可滑动切换，导航栏跟随滚动实现
简介看到今日头条小程序页面可以滑动切换，而且tab导航条也会跟着滚动，点击tab导航，页面滑动，切导航栏也会跟着滚动，就想着要怎么实现这个功能像商城类商品类目如果做成左右滑动切换类目用户体验应该会好很多，我这里只是一个小demo，没有怎么去考虑数据的问题，主要是想着去实现这么个功能，有可能后期引入数据后会出现问题，欢迎...
IT猿
·
2020-03-27
切换
微信
程序
tab
滑动
Ajax 滚动下拉通用分页代码
我将请求的功能封装起来了放在一个公用的js文件下面然后使用juicer.js来做js的模版这样后期如果可以在任何的地方使用这个ajax的加载分页了ajaxPage.js文件代码 option是配置一些公用的传入值varpage_module={options:{pagesize:10,get_content_...
IT猿
·
2020-03-27
Ajax
滚动
下拉
通用
分页
【bootstrapV3】移动端和PC端的 滚动监听
1、本代码适用于bootstrapV3的页面滚动监听2、效果： 3、代码：<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="wid...
IT猿
·
2020-03-25
bootstrapV3
移动
PC
端的
滚动
首页
上一页
...
19
20
21
22
23
下一页
尾页
按字母分类：
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他