开发自己的One Page Scroll插件(二)

开发自己的One Page Scroll插件(一)

5. 在其他浏览器中的特性

我经常会不停地发布当前的版本,从而可以在GitHub上得到不断的反馈。我的开发模式是不断的迭代。在开始的时候,我不会太关注它在手机上的效 果,其实到目前我也没有关注这个问题。但其实我使用了一个简单的解决方案。通过检测和转换数据,从而在手机上同样能执行init_scroll方法。但是 这样做不总能达到效果,比如Android系统的浏览器中。所以我最终我最终实现了一个fallback来让插件回退到本地的scrolling特性:

......

......

首先,我定义了一个变量来激活这个fallback,这个fallback的内容是插件触发fallback之后的操作。

上面的代码片段会检测浏览器的宽度,如果宽度达到了一定的范围,就会触发fallback,然后这个方法会解除所有的展示方法,让页面变成普通的滑动界面。这个插件会通过disabled-onepage-scroll来确定是否已经初始化,如果没有的话会重新初始化。

这个解决方案不是最好的,但是它能为你提供一种解决办法的思路,毕竟在手机上解决one page scroll不是容易的事情。

6. 跨浏览器测试

测试是整个开发过程的必要环节,当你发布一个插件的时候,你必须确定它可以在大部分的机子上成功执行。Chrome是我的主要浏览器,我经常用它来 开发,如果有一个你比较熟悉的浏览器,这会给你的开发带来很多好处,但是缺点是你的视角就会有局限,很多问题你都发现不了。对我来说,我同时会在其它浏览 器中测试,包括firefox,Safari和Opera。

我主要是用我的Macbook Air来开发,但是我家里也有其它操作系统的电脑,我需要尽量模拟各种用户所有的环境,大家都知道,IE是个大问题。

除了这些,你应该知道,手机上也有不同的浏览器。

......

......

阅读全文:开发自己的One Page Scroll插件(二)

时间: 2024-10-09 14:47:44

开发自己的One Page Scroll插件(二)的相关文章

Page Scroll Effects - 简单的页面滚动效果

Codyhouse 收集了一组页面滚动效果,就是目前大家很常见的用户在浏览网页的时候.一些效果虽然极端,但如果你的目标是创建一个身临其境的用户体验,他们是非常有用的.所有的动画都使用 Velocity.js 创建. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQu

quick-cocos2d-x开发工具sublime text及其强力插件QuickXDev

更新:如今QuickXDev已经能够通过Package Control下载了,全部QuickXDev相关的请看这里:http://my.oschina.net/lonewolf/blog?catalog=412647 sublime text是一个小巧,强大.界面美丽的代码编辑器,眼下正式版本号为2,开发版为3.下载地址:http://www.sublimetext.com/.sublime text的非常多功能都是依赖于其强大的插件系统.sublime text支持lua语言,但大部分功能都没

前端工程师养成记:开发环境搭建(Sublime Text必备插件推荐)

为了让自己更像一个前端工程师,决定从开发环境开始武装自己.本文将介绍前段工程师开发的一些利器的安装步骤,主要包括了: 1.Node.js的安装 2.Grunt的安装及常用插件 3.Sublime Text的安装及必备插件 一.Node.js的安装 Node.js就是一堆前端工程师捧红的,所以装上这个嘛,主要不是自己需要使用Node.js而是一堆工具对他的依赖. Windows下安装步骤很简单: 1.去到http://nodejs.org/下载最新的安装包,安装. 2.在CMD下运行,node和n

《JSP Web开发详解》粗读(二)

一.JSP技术 1.JSP请求会被编译成Servlet,但只编译一次. 2.JSP语法:元素和模板数据 (1)元素:指令元素.脚本元素和动作元素 (2)指令元素:形式 <%@ directive {attr = "value"}* %> // * 表示1到n ==page,include,taglib (3)page:整个页面,定义与页面相关的属性,共13个属性.language(java).extends(继承).import(类).session(true|false)

Java开发中常用的IntelliJ IDEA插件

工欲善其事,必先利其器 一.Alibaba Java Coding Guidelines 代码规范插件:阿里开发的此插件应该说极大的改善程序员的代码质量,帮助程序员规范自己的代码 安装使用: 1. 打开File -> Settings -> Plugins -> Browse repositories...,输入“Alibaba Java Coding Guidelines”,查找,安装: ? 2.安装成功后,会提示重新启动一下IDEA,重启即生效! 二.RestfulToolkit 概

Qt开发环境搭建 - Windows + VS2010 + VS插件

Qt 开发环境搭建 - Windows+VS2010+VS插件 1.Qt在Windows平台下的三种开发环境 方案 编辑器 编译器 调试器 一 Qt Creator MinGW GDB 二 Qt Creator VisualC++ 编译器 Debugging Tools for Windows 三 VS2010自带 VS2010自带 VS2010自带 说明: 1) C/C++语言.Qt库.开发环境.操作系统的关系 2) 编辑器.编译器.调试器三者的关系 2.1) 三者共同组成了开发环境 2.2)

微信公众平台开发教程(六)获取个性二维码

微信公众平台开发教程(六)获取个性二维码 一.功能介绍 在进行推广时,我们可以告诉对方,我们的微信公众账号是什么,客户可以去搜索,然后关注.二维码给我们提供了极大的便捷,只要简单一扫描,即可关注. 如果已经关注过,立刻跳入对话画面.在我们进行推广时,不再是简陋的文字,可以是一个有个性的二维码,想必会很生动. 微信对二维码提供了很好的支持,而且还可以根据需要生成不同场景的二维码.下面我们将介绍如何获取和使用二维码. 注意:限服务号,且进行了微信认证,费用300 二.相关接口 为了满足用户渠道推广分

iOS开发中常用的几个插件

上篇文章简单的说了下Xcode中的插件管理工具Alcatraz,今天呢就给大家分享一些自己在开发中使用较多的插件,可以帮助你提高开发效率,如果你还没有使用过Alcatraz,那么你可以先戳这里Alcatraz的安装与使用 1. KSImageNamed KSImageNamed可以根据图像名称快速选择图片的插件,可以快速的帮你选择自己想要的图片. 2. VVDocumenter VVDocumenter用于Xcode中快速的添加注释,为开发者阅读代码提供了很大的帮助. 3.FuzzyAutoco

cocos2dx游戏开发——微信打飞机学习笔记(二)——游戏框架

一.游戏的基本框架: WelcomeScene    ——>    GameScene   ——>   GameOverScene ||                                       ||                                    || ∨                                      ∨                                   ∨ WelcomeLayer