相关搜索 >> 滚动

  • 1112jquery左右滚动的tab选项卡效果(附源代码下载)阅读(1010)条2016/11/12 10:36:51

    一、概述:以前写过一篇tab选项卡效果[前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态],现在看来这种功能是可以但是不适合太多的菜单。所以今天就为了故意补上这一篇之《jquery左右滚动的tab选项卡效果》页面底部附下载地址,当然如果你使用esayui也可以实现那种效果,但是感觉太庞大了,整个框架使用很不方便。 效果图下图所未:demo 地址:http://www.86y.org/demo/tab_scroll/二、使用说明:1、调用tab窗口方法clas...阅读全文

    Taget:tab 选项卡 滚动 下载 

  • 0608jq+html5滚动到底部自动加载数据之(保存数据)阅读(1630)条2016/6/8 22:53:32

    1、简述上一篇《jq滚动到底部自动加载数据实例》效果实现了,但是一直有个问题点击详细后返回数据又 重新加载了,今天就是为了这个BUG而写的,本实例正是运用了html5的localstorage(本地存储)。当然做这个效果是为了手机效果而做的,所以PC端暂时没办法全部兼容,所以效果图也是手机端的。(文章底部附DEMO预览及下载地址)效果图如下:2、核心内容讲解(1)、本文使用的插件是:Lawnchair(Lawnchair是一个轻量级的移动应用程序数据持久化存储方案,同...阅读全文

    Taget:jq html5 插件 

  • 0128js获取触屏版当前滚动条移动完之后的位置阅读(1369)条2016/1/28 12:22:16

    前不久写过一篇关于上拉加载的文章【jq滚动到底部自动加载数据实例】,使用挺流畅的,但是使用过程也是令人心酸的,加载完后点击一产品个进去后,发现返回时还是重新加载而且是置顶,也就是说前面加载的内容白加载了,针对于这个BUG我看了很多网站都存在这个问题,http://m.suning.com也会,taobao返回可以到达加载后的效果,但是数据依然是重新加载。按我解理的思路应该是他在跳转到详细页面的时候可能保存两个值:1、是滚动条的高度,2、最后加载...阅读全文

    Taget:js 移动 滚动条 

  • 1104jq多图片展示局部放大特效阅读(1222)条2015/11/4 20:59:37

    1、开篇:本实例主要是结合了小图片左右滚动和一个图片放大的特效。想偷懒的偷去用,也可以根据需求完善成你自己想的的效果。(文章底部附源文件下载)2、效果如下图所示3、Html源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-e...阅读全文

    Taget:jq 图片 放大,滚动 

  • 0815jq滚动到底部自动加载数据实例阅读(8072)条2015/8/15 20:57:50

    一、功能描述:滚动下拉到页面底部加载数据是很多瀑布流网站的做法,本实例是固定数据,小菜总结记录之用,高手勿喷。首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的 height,jquery如下代 码:$(window).scrollTop()+$(window).height()>=$(document).height();再给window绑定scroll事件来实现加载数据显示。本实例的主要是提供手机版使用所以使用了CSS3的旋转模拟图片加载效果。在实例中实现了...阅读全文

    Taget:jq 手机 滚动 加载 

  • 0611iScroll5移动端框架滚动类 阅读(2169)条2015/6/11 16:16:43

    之所以iscroll会诞生,主要是因为无论是在以前的iphone、ipod、android 或是更早前的移动webkit都没有提供一种原生的方式来支持在一个固定高度的容器内滚动内容。 这个不幸的规则导致所有web-app要模拟成app的样子时,只能由一个绝对定位的header或是footer再加上一个可以内容的滚动的中间区域组成。  position:fixed在ios和android的使用,而ios4(4以及以前)系统以及以前的安卓系统(2.3及以前)并不支持position:fixed。这个问题可以使用iS...阅读全文

    Taget:插件 iscroll 移动端 框架 

  • 0506jq无锚标记平滑滚动效果,易用阅读(2411)条2015/5/6 21:05:20

    今天看到有个效果需要做一个菜单项,点击后平滑滚动到指定位置,以前是用锚标记直接就可以做到了,但是平滑就要复杂点。所以今天用JQ做了一个不错的效果给大家。效果如图:核心代码:$("html,body").animate({scrollTop: $("#box").offset().top}, 1000);改成自己实用的效果才是最重要的,源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...阅读全文

    Taget:jq 滚动 平滑 

  • 0504手机版浏览器禁止滚动条与释放实例阅读(6184)条2015/5/4 16:58:29

    写页面事件的时候,有的时候需要用event.preventDefault取消原有的事件后进行重写,这个大家应该都知道。那么怎么在取消默认事件后再恢复呢。解绑我们自定义的事件就好了。以Jquery为例我们用$(“body”).bind(“touchmove”,function(event){event.preventDefault;//code});取消了body的拖动事件。恢复这个拖动事件只要$(“body”).unbind(“touchmove”);为此我专门做了一个HTML特效希望大家喜...阅读全文

    Taget:html5 手机 滚动条 浏览器 

  • 0502解决如何去掉手机版HTML页面滚动条阅读(25725)条2015/5/2 20:14:06

    经过测试,默认的HTML5页面在手机浏览器测试中发现 横向,纵向滚动条都有,尽管页面没有内容也是照常出现。开始不知道什么原因,原来是没有加一句手机的META代码。<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />width - viewport的宽度height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum...阅读全文

    Taget:触屏 手机 滚动条 html5 

  • 0522解决无限滚动的成功方案阅读(3009)条2014/5/22 9:07:18

    考虑在外面,网页设计的问题你还没有碰到提供无限滚动的至少一个站点目前的趋势,这是不大可能。他们很容易检测,因为他们就是你去,向下和向下和向下,但从未似乎到达底部,除非你是互联网的连接突然决定要崩溃。无限滚动听起来像是一个有趣的概念,但你怎么能告诉是否此类功能是正确的选择为您的站点?很好,基本上,由起草的利与弊的无限滚动和决定哪一个胜过其他。如果你是任何社会媒体网站,从 Facebook 或 Pintrest 或 Tumblr,Twitter 用户...阅读全文

    Taget:滚动 技术 

  • 0325jq插件之文字左右滚动后延迟再滚动阅读(5039)条2014/3/25 14:11:05

    今天做了一个关于JQ的文字滚动插件,每条滚动后停顿N秒后继续滚动。效果不错,本插件支持一个页面N个相同的特效。在这里分享给大家。效果如下图:源代码如下:(function(f, d, a) { d.fn.scrollGrid = function(k) { var l = d.extend({ perScroll: 1, speed: 14, interval: 4000 }, k || {}); return this.each(function() { var n = d(this), ...阅读全文

    Taget:jq 插件 文字 滚动 

  • 1128nicescroll 漂亮的自定义滚动条插件阅读(12869)条2013/11/28 10:35:20

    Nicescroll 是一个 jquery 插件,用非常类似 ios/移动样式不错滚动条。文章最后附DEMO可以直接运行。本网站已经使用了这种滚动条特效!现在还支持水平滚动条 !容易使用解决方案有桌面、 平板电脑和电话设备自定义滚动条车型。它支持 Div、 Iframe、 文本区域、 和文档页 (身体) 滚动条。兼容性一览与所有的桌面浏览器兼容: 火狐 4 +,Chrome 5 + Safari 4 + (win/mac),Opera 10 + IE 6+。(所有 A 级浏览器)与移动设备兼容: iPad Iphone、 Androi...阅读全文

    Taget:js 滚动条 插件 

当前第  1  页 / 共  2  页  总共18条记录  

12