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是个大问题。
除了这些,你应该知道,手机上也有不同的浏览器。
......
......
相关推荐
onepage-scroll 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出单页全屏滚动页面。
jQuery单页全屏滚动插件onepage-scroll,一款全屏滚动插件,里面有说明可以参考来使用。
基于fullpage.JS 我们可以做出很多滑屏效果,但是,在我们公司qietu.com的项目中碰到一个项目需要横向滑动,最终锁定到了这一款插件。 onepage-scroll.JS
许可证: 要求jQuery(1.9.0或更高版本) 注意:强烈建议使用jQuery 1.9.0或更高版本,因为一起使用小于1.8.3的jQuery和jquery.onepage-scroll.js会导致基于哈希的XSS漏洞。 参见: : 演示版兼容性台式机和智能手机...
强烈建议使用 jQuery 1.9.0 或更高版本,因为使用小于 1.8.3 的 jQuery 和 jquery.onepage-scroll.js 会导致基于哈希的 XSS 漏洞。 桌面和智能手机上的 Chrome、Firefox 和 Safari 等现代浏览器已经过测试。 在 IE8...
OnePageScroll.js是一款带有背景视觉差效果的jQuery整页滚动特效插件。OnePageScroll.js能够滚动一次鼠标滚轮就使整个页面向上或向下翻动一页。并且在页面滚动时还带有一点视觉差效果。
onepage-scroll 是一款 jQuery 单页滚动插件,它能够轻松的制作类似 iPhone 5s 的页面,它具有以下功能、特点(不)显示右侧圆点项目导航(不)显示命名锚记循环/禁止循环回退(使用浏览器自带滚动)/指定回退...
#Pure JS一个页面滚动皮特R.纯JS一个页面滚动是JavaScript版本... 要将其添加到您的网站,只需将onepagescroll.js和onepage-scroll.css包含在文档的<head> ,并按如下所示调用函数: < body > ... < di
苹果官网iPhone5s介绍页面基于jquery.onepage-scroll.min.js、jQuery.resizeEnd.min.js和jquery.min.js等插件制作,带苹果官网导航栏,响应式设计,鼠标向下滚动播放iPhone5s幻灯片,也可以点击按钮进行图片切换。
EaseMobile产品页面 ... jquery.onepage-scroll.js jquery.slicknav.js imagelightbox.js 引导程序 ..... ##提示 上次尝试弄成自适应,但还有bug,但,懒得修正了。 拿来研究下代码亦不错,(^ _ ^)!
onepage-scroll.js,帮助我们创建一个类似苹果的单页滚动网站,这里是它的github: : LeanModal.js,它帮助创建一个对话框并同时隐藏页面内容,这里是它的网站: : 运行:pip install -r requirements.txt ...
全屏Javascript | jQuery插件 是一个简单,轻巧且易于使用JavaScript库,用于创建全屏滚动网站。 它使访问者能够以平滑的全屏滚动效果浏览页面。 支持键盘,台式机上的鼠标滚轮以及在触摸设备上向上/向下/向左/向右...