jquery——移动端滚动条插件iScroll.js

【jquery——移动端滚动条插件iScroll.js】的更多相关文章

jquery——移动端滚动条插件iScroll.js

官网:http://cubiq.org/iscroll-5 demo: 滚动刷新:http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/ 'Carousel' demo iScroll功能很强大,目前我只用来自定义滚动条以下简单介绍一下iscrol在移动端自定义滚动条时的使用和注意事项. 一.用法 iScroll对要滚动的元素进行初始化,且不限制一个页面中使用iScroll的元素个数. 使用iScroll时,DOM树的结构要足够…

jQuery全屏滚动插件fullPage.js中文帮助文档API

jQuery全屏滚动插件fullPage.js中文帮助文档API 发现了一个fullPage.js插件,于是百度了一下,还就是这个插件的作用,其实有很多网站都做了全屏滚动的特效,效果也很好看,今天就给大家说说fullPage.js的使用方法和设置. 简介 fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便.很轻松的制作出全屏网站主要功能支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机.平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自…

jQuery字体缩放缩放插件zoomFontSize.js

插件描述:jQuery字体缩放缩放插件zoomFontSize.js根据父类进行百分比缩放,兼容性如下: 使用方法 body 的class属性添加 changbody_fontSize 而且整个页面的字体属性设为百分比(body除外) 缺点: 1.需要根据父类进行百分比缩放 2.Chrome 字体缩放最小值为12px 就无法进行缩放插件源码: // JavaScript Document //屏幕的宽度 //屏幕的宽度 var width_srceen = screen.width ; v…

jQuery动画切换引擎插件Velocity.js

Velocity.js 官网 Velocity.js实现弹出式相框慕课网极棒的jquery动画切换引擎插件Velocity.js jQ库 (function($){ // 普通调用 /*$('#div1').velocity({ // 元素的CSS属性 width:'300px' },{ // Velocity的选项 duration:3000, // 动画运动时间 complete:function(){ // 动画完成时调用的回调函数 $('#div2').velocity({ widt…

文字环绕和两栏自适应以及区域滚动插件iscroll.js

一.文字环绕效果:使用浮动 <div class="boxleft"></div> 我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文…

基于Jquery的textarea滚动条插件(原创)

之前项目中自己写的滚动条插件.先前太忙没有好好整理.现在项目间歇期拿出来整理后贴出来 Demo Here css 我是把mCustomScrollbar 的UI 扣下来的. 这里我要介绍下这个插件不错.可以满足日常使用 js 没有啥困难的demo中都有. 其中有一些关键方法我举出来 1:addStyle var addStyle = function($dom,addStyleObject) { var sStyle = $dom.attr('style'), aStyle = sStyle ?…

jquery移动端日期插件

不说多的,直接看代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="gbk"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <title&g…

jQuery的Nicescroll滚动条插件使用方法

Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件,不需要增加额外的css,几乎全浏览器兼容.ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用. Nicescroll官网地址:http://www.areaaperta.com/nicescroll/ 最简单的用法: $("html").niceScroll(); 隐藏滚动条: $("#mydiv").getNiceScroll().hide();…

jQuery全屏滚动插件fullPage.js使用中遇到的问题(滑动轮播效果无效)

1.fullPage.js是什么? fullPage.js 是一个基于 jQuery ,用来制作全屏网站的插件. 2.兼容性: - jquery兼容:兼容 jQuery 1.7+ - 浏览器兼容: IE8+,Chrome,FireFox 3.问题: 根据使用文档,轻松实现了全屏,但是当在某一屏中,内部的子元素中需要实现滑动的轮播效果,一开始,我就直接在$(document).ready()里面写方法,但是网页上除了按钮可以变色外,没有任何滑动效果.经过调试,发现按钮点击事件是进去了的,但就是感觉…

jquery——滚动条插件jscroll.js

一.效果如下点击“测试中奖纪录”弹出弹框.弹框中内容超出时显示滚动条. 二.代码部分 1.html结构 <body> <a href="javascript:;" id="bbb">测试中奖纪录</a>  <div class="tcbox" id="reward_info" style="display:none">…