51Dev开发社区
登录 注册

#滚动条

html+css使图片在页面中循环滚动
 我们先通过html创建一个div盒子的框架，方便后续以及实际使用中调整位置。 1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title>滚动播放</title>6&l...
代码星球 ·2020-04-02

banner无缝滚动动画，支持左右按钮和小点
HTML：1<divclass="box">2　　<ul>3　　　　<liclass="img_cur">4　　　　　　<ahref="#">5　　　　　　　　<imgsrc="img/banner.jpg">6　　　　　　</a>7　　　　<...
代码星球 ·2020-04-02

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

实现在某一指定位置的div在窗口滚动到指定位置的时候fixed定位
HTML：1<divclass="top">2　　　　·····内容3</div>4<divclass="scroll"></div>5<divclass="bottom">6　　　　&mi...
代码星球 ·2020-04-02

jQuery WeUI 组件下拉刷新和滚动加载的实现
最近在做手机版使用到了下拉刷新和滚动加载，记录一下实现过程：一、引入文件<linkrel="stylesheet"href="Content/jqueryweui/weui.min.css"><linkrel="stylesheet"href="Content/jqueryweui/jquery-we...
代码星球 ·2020-04-01

记录JQ-WEUI中滚动加载的一个BUG
最近写微信公众号，用到的技术栈是jq+vue的混合开发，采用的UI是移动端比较火的WEUI，在微信开发中应该较广泛。个人看惯了elementUI文档，相对于饿了么组件文档的详细，WEUI的文档还是比较晦涩的。（个人看法）微信端展示公司订单，采用了滚动加载而没有用分页，觉得一般移动端分页的处理比较少。当然，条件搜索才是满...
代码星球 ·2020-04-01

页面遮罩层，并且阻止页面body滚动。bootstrap模态框原理
实现思路：1、需要有一个层将body遮住，放在body上方。2、修改body的overflow属性值为：hidden废话不多说了，将关键代码贴出来了，兼容火狐，谷歌，ie遮罩层的样式代码，红色部分是关键的部分.cover{position:fixed;top:0px;right:0px;bottom:0px;filte...
IT猿 ·2020-03-28

css3 vw -----解决页面滚动出现跳动的bug
100vw相对于浏览器的window.innerWidth，是浏览器的内部宽度，注意，滚动条宽度也计算在内！而100%是可用宽度，是不含滚动条的宽度。demo：h1{font-size:8vw;}如果视口的宽度是200mm，那么上述代码中h1元素的字号将为16mm，即200/100*8mmCSS3计算calc和vw单位...
IT猿 ·2020-03-27

滚动到可视区域 Element.scrollIntoView()
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。语法：element.scrollIntoView();//等同于element.scrollIntoView(true)element.scrollIntoView(alignToTop);//Boolean型参...
IT猿 ·2020-03-27

vue2.0无限滚动加载数据插件
 做vue项目用到下拉滚动加载数据功能，由于选的UI库（element）没有这个组件，就用Vue-infinite-loading这个插件代替，使用中遇到的一些问题及使用方法，总结作记录！安装：npminstallvue-infinite-loading–save引入ES6importInfini...
IT猿 ·2020-03-27

vue-countTo---简单好用的一个数字滚动插件
vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js;安装使用：npminstallvue-count-to例子：...
IT猿 ·2020-03-27

微信小程序中遮罩层的滚动穿透问题
 如果弹出层没有滚动事件:<viewwx:if="{{alert}}"catchtouchmove="myCatchTouch"><templateis="alert"data="{{alertData}}"/></view>myCatchTouch:function(){...
IT猿 ·2020-03-27

微信小程序tab切换，可滑动切换，导航栏跟随滚动实现
简介看到今日头条小程序页面可以滑动切换，而且tab导航条也会跟着滚动，点击tab导航，页面滑动，切导航栏也会跟着滚动，就想着要怎么实现这个功能像商城类商品类目如果做成左右滑动切换类目用户体验应该会好很多，我这里只是一个小demo，没有怎么去考虑数据的问题，主要是想着去实现这么个功能，有可能后期引入数据后会出现问题，欢迎...
IT猿 ·2020-03-27

Ajax 滚动下拉通用分页代码
我将请求的功能封装起来了放在一个公用的js文件下面然后使用juicer.js来做js的模版这样后期如果可以在任何的地方使用这个ajax的加载分页了ajaxPage.js文件代码 option是配置一些公用的传入值varpage_module={options:{pagesize:10,get_content_...
IT猿 ·2020-03-27

【bootstrapV3】移动端和PC端的 滚动监听
1、本代码适用于bootstrapV3的页面滚动监听2、效果： 3、代码：<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="wid...
IT猿 ·2020-03-25
首页上一页...1920212223下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他