#滚动

Nicescroll滚动条插件的用法

Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。官网地址:http://www.areaaperta.com/nicescroll/引入核心文件,插件需要引...

超棒的自定义超酷滚动条jQuery插件

可能大家厌倦了千篇一律的页面滚动条,如果你希望能够设计出与众不同的页面UI设计的话,PerfectScrollBar可能就是你寻找的解决方案。这个滚动条来自于一个个人项目,一个简单但是非常棒的滚动条设计。当然这里也有其它的解决方案,如果你有兴趣也可以阅读:使用jQuery插件jScrollPane开发MacOSXLio...

拖动滚动条时某一处相对另一处固定不动(position:fixed)

<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request....

Table显示滚动条

Table显示滚动条,要先把table放到一个div中,div的长度和宽度要固定,控制overflow属性为scroll<div>...</div> table的长度和宽度也要固定哦<tablecellspacing="0"width="732px"id="dataTableDe...
代码星球 ·2020-06-11

js无缝滚动

页面主要代码如下:<divid="scrollarea"class="scrollarea"style="height:100%;overflow:hidden">  <divid="clonepart"style="margin-top:0"></div><divid="cl...
代码星球 ·2020-06-09

列表组件抽象(4)-滚动列表及分页说明

这是我写的关于列表组件的第4篇博客。前面的相关文章有:1.列表组件抽象(1)-概述2.列表组件抽象(2)-listViewBase说明3.列表组件抽象(3)-分页和排序管理说明本文介绍列表组件中我对滚动列表及滚动分页的实现思路。在pc端,通过滚动进行翻页的需求非常常见;移动端也是,只不过移动端由于scroll事件触发有...

基于sticky组件,实现带sticky效果的tab导航和滚动导航

上文提供了一个改进版的sticky组件,并将演示效果应用到了自己的博客。有了类似sticky的这种简单组件,我们就可以在利用它开发更丰富的效果,比如本文要介绍的tab导航和滚动导航。实现简单,演示效果如下:tab导航(对应tab-sticky.html):滚动导航(对应nav-scroll-sticky.html):代...

Jquery+css实现图片无缝滚动轮播

原文地址:http://www.cnblogs.com/shaojiang/p/5295826.html最终实现界面如下:页面加载时,自动轮播,轮播鼠标悬停在整个banner容器的时候,两边会显示向左,向右按钮,鼠标悬停在中下方索引圆圈的上面,自动跳转到相应的图片。 banner容器里面包含了图片列表img,...

js文本公告滚动展示,图片轮播....

3、JavaScript$(function(){   $('.dowebok').liMarquee();});//禁止拖动$('.dowebok').liMarquee({  drag:false});名称类型默认值说明direction字符串left滚动方向,可选 left...

文本向上滚动

<divclass="company_flex"><divclass="con1"><divclass="company_box"><imgsrc="./Images/index_07xxxhdpi.png">达州市通川区翠屏社区卫生服务中心</div><...
代码星球 ·2020-05-25

页面滚动到可视区域执行操作

写一个简单的方法,让窗口滚动到可视区域时,即时可以出现动画。怎么写动画延迟,直接把类名添加在页面中,实现动画延时。譬如:.delay200{animation-delay:200ms}.delay500{animation-delay:500ms}<h2class="delay500"data-animate="...

原生JS—实现图片循环切换及监测鼠标滚动切换图片

今天我们主要讲讲如何使用原生JS实现图片的循环切换的方法以及如何检测鼠标滚动循环切换图片。多余的话我们就不多说了,我们一个一个开始讲吧。 1  原生JS实现图片循环切换—— 方法一 在上栗子之前我们先简单介绍一下所用的一些知识点。首先是&mdas...

移动端滚动选择

https://github.com/onlyhom/mobileSelect.js/blob/master/README.md...
代码星球 ·2020-05-25

table固定头部,tbody内容滚动

  直觉的感受是修改thead与tbody,尝试了以下几种方法,但均告失败。 1.将tbody设置为块状元素,然后设置表格的高度与溢出; 1.将thead设置为绝对定位,然后设置表格的高度与溢出; 1.将表格转换为块状元素,然后把有td都设置为浮动,从而控制高度与溢出;正确的方法应该将&n...

移动端 去掉滚动栏

直接在css中加入::-webkit-scrollbar{width:0;height:0;background-color:rgba(240,240,240,0)}webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式...
代码星球 ·2020-05-25
首页上一页...1112131415...下一页尾页