一、认识scrollview

这滚动视图真好用，轻轻一滑就能看详细信息~有了jQuery这种神器，界面再复杂也不怕。用上jQuery Mobile的scrollview，感觉就像找到了救星，什么东西都轻松塞进去，一遍就搞定。最给力的是，还比以前的老式框架炫酷多了，界面百变超有趣！

二、scrollview的基本用法

要用scrollView？赶紧装上 jQuery、jQuery Mobile还有那个iScroll神奇工具！弄好之后，你就能随意拖动菜单了，真的很好使！更棒的是，它还能搞定各种滑动手势和滚轮操作。在做网页时，记得分三部分，就像人一样：头、身子、尾（header、content、footer），再别忘了在footer里加页脚

搞定CSS后，容器就能拉伸。然后加个 iScroll 小程序，就有我的 myScroll 了。网页滚动顺滑又稳当！网页看起来美极了，滑动起来也超顺畅的！

三、scrollview实现原理

    
    
    
    
    
    



    

        
ScrollView示例
    
    

        

            

                

                    

                    

                    

                    

                    

                    

                    

                    

                
            
        
    
    

        
footer
    


    $(function(){
        $("#wrapper").css("height",($(window).height()-62)+"px");
        var myScroll = new IScroll('#wrapper', { mouseWheel: true });
    });

这个滚动栏，其实作用很大，比如能帮我们清楚地看到手机屏幕的某个角落。就像是套了个透明盖子似的盖在上面，咱们没事乱碰也没啥影响~至于翻页，直接挪一下板块就成超级简单的操作！

别看我这设计简单，理解起来一点都不费劲；不出两眼工夫，你就能明白哪个方向才是你需要去关注的。

四、常见问题及解决方法

微信玩着有时会卡，最讨厌的就是它和别的软件兼容不好了。别急，小编这儿有几个小办法帮你解决这些困扰！

哥们儿，快升级下你的 jQuery Mobile ，比如升到1.4.5版本。这有助于加速网页加载速度~

容器大小要适当：看什么设备，就要用合适的容器大小来匹配它。

小心别在容器里放啥会动的东西，免得它们打起来

腻烦滑动卡顿？快速试试看iScroll，分分钟就让你的网页滑动如丝般顺滑。简单几步，让你的页面飞起来！滚动条都变得好用多！

这几种招儿秒杀网页问题，让网站飞快又好看啦～

五、总结与展望

看完这段话，你可得明白了： jQuery scrollView这货能让你的网页看起来超炫！无论你用什么设备，都能完美兼容，让网站排版焕然一新！要搞高大上的控制台应用吗？这可是关键秘密武器！

嘿兄弟，告诉你个好方法，能提高我们项目里jQuery的拖曳浏览体验！记住，多磨炼才能变得更牛逼。期待和兄弟共同进步，飞跃攀升！