Bingyan, what’s going on?

2月29日（周三）晚7点 大学生活动中心513冰岩作坊招新宣讲会等待你的到来！

冰岩作坊2012春季招新页面：http://hr.bingyan.net/

报名方式：点击这里下载报名表发送至hr@bingyan.net

冰岩作坊， 一个成立于1999年极具亲和力的校园互联网学生团队，致力于用互联网改变校园生活，冰岩在全国率先开发出网络杂志Smooth系统、在线聊天Talk系统、高校FTP搜索系统、iknow互动问答、二手市场等产品，冰岩的成员遍布Facebook、Google、Adobe、Microsoft等国际知名互联网公司。同时，冰岩和行业紧密相连，是一个充满创业气息、能沟通校园和业界、校园和社会的组织。

这里，精英辈出：

汪海兵——团队创始人，毕业后加入腾讯公司，“QQ宠物之父”，2007年10月创办上海淘米网络科技有限公司，担任CEO，目前该公司已成为全国知名的儿童互联网领域的领头军；

王闻宇——团队成员，PPLive创始人之一，现担任PPLive公司首席架构师；

汪奕菲——团队成员，PPLive创始人之一，现担任PPLive公司首席产品经理；

贺晋如——团队成员，华中大在线FTP搜索引擎核心开发人员，毕业后赴美国纽约大学计算机专业深造，从事搜索引擎方面的研究，现就职于Facebook；

刘磊——团队成员，毕业后加入腾讯公司，现就职于Google；

李旸——团队成员，华中大在线FTP搜索引擎原型系统主要开发者，现就职于Microsoft；

郭启睿——团队成员，Magnetjoy公司创始人，致力于高品质SNS游戏开发。主要面向海外市场，如今这家公司是业内领先的SNS游戏开发商；

张炼——团队成员，我拍网(5pai.com)创始人，我拍网致力于打造全新的娱乐式电子商务平台；

喻超——团队成员，百度联盟高级产品经理；

郑昕——团队成员，百度高级工程师；

……

相信会有更多的互联网精英从冰岩作坊走出，如果加入我们，下一个可能就是你！

这里，福利诱人：

丰富多彩的团队活动完完全全抛开了聚餐、烧烤、素拓的缰绳，我们将离开武汉去周边城市郊游，实现真正意义上的出游，我们有定期的球类运动场地，在努力工作的同时提醒着我们身体才是革命的本钱，更有趣味横生的外教课充实着我们的团队生活。

What’s more，你还在为考试周找不到自习室而苦恼吗？冰岩作坊温暖的工作室是不是也让你充满向往呢？

这里，与众不同：

我们培养的不仅仅是一个程序员、一个美工，而是一个个项目的co-founder，这是一个让你的创意肆意沸腾的地方，你所做的项目将不是一个个批下来的任务，而是在你发现需求之后头脑风暴出来的idea，你得到的是一个完完全全属于你自己的产品，可以试想，在参加面试的众多竞争者中唯独你拿出了自己的产品，这将是多么强大的力量让你脱颖而出。

看到这里，你有没有跃跃欲试呢？

一个以培养新人为宗旨的团队在这里，你还在犹豫什么？

2月29日（周三）晚7点 大学生活动中心513冰岩作坊招新宣讲会等待你的到来！

冰岩作坊2012春季招新页面：http://hr.bingyan.net/

报名方式：点击这里下载报名表发送至hr@bingyan.net

众里寻她（他、她、它）千百度，蓦然回首，却在“失物招领”网站处。人海茫茫，失去的东西难以寻觅，但你要找的东西也许正在等着你哦。戳这里！
你是否因为饭卡丢了而饥肠辘辘？是否和新买的雨伞只见过一面就无缘再见？是否因为遗失了ipod touch而捶胸顿足？又是否和好友送的钥匙链、手机链从此只能在回忆中相见？
丢失东西不用着急，来失物招领平台发布信息让拾到的人能够第一时间联系到你，还能让所有同学帮你一起支招哦。拾到东西也不用为找不到失主而感到无能为力了，失物招领平台让失主和拾到东西的人在这里相遇。
我们的失物招领平台作为华中大官方唯一指定平台，“最新搜寻信息”和“最新招领信息”实时更新，动态可同步到人人网、新浪微博等社交网站。自从有了华中大失物招领平台，妈妈再也不用担心我找不到东西了。

九月下旬，冰岩作坊正式启动了秋季招新。通过简历筛选以及面试选拔之后其中一批同学进入了实习期。为时一周的实习后，我们再三斟酌，各方面综合考虑后确定了其中22名同学正式加入冰岩作坊大家庭。至此，冰岩作坊的秋季招新也全面结束。

对没能通过选拔进入冰岩作坊的同学，我们表示遗憾。我们能看到你在这一周之内的付出与努力，但是可能离我们的期望还有一小段距离，我们坚信你能够做到更好。相信在这实习的一周中你们都是有所收获的，我们期待你的再一次挑战，相信下次见面会见到不一样的你。

当然，还有对进入冰岩作坊的同学表示祝贺，接下来在冰岩作坊工作与学习的日子相信会是你大学生涯中最有意义的时光。希望我们能够一起创造出更有意义的产品，也创造最有意义的大学生活！

感谢所有人对冰岩作坊的关注与支持，我们珍惜每一个有意愿加入冰岩作坊大家庭的人，冰岩作坊的大门也会一直向有互联网情怀与梦想的人敞开。我们的青春，在线绽放！

问题背景

一个WebApp要做的像个App，多半会需要一个固定位置的头部、工具栏之类的效果，多半你会想到position:fixed;然后发现 哎呀

iOS的Safari上position:fixed;无效

解决问题前先来看看问题是怎样产生的

Apple是这样解释的：

Safari on iPad and Safari on iPhone do not have resizable windows. In Safari on iPhone and iPad, the window size is set to the size of the screen (minus Safari user interface controls), and cannot be changed by the user. To move around a webpage, the user changes the zoom level and position of the viewport as they double tap or pinch to zoom in or out, or by touching and dragging to pan the page. As a user changes the zoom level and position of the viewport they are doing so within a viewable content area of fixed size (that is, the window). This means that webpage elements that have their position “fixed” to the viewport can end up outside the viewable content area, offscreen.

这里有个关键的东西叫做viewport，你经常在这里见到它

viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no">

想起来了吧，就是它让你的页面不会像在桌面上那样显示，玩过windows的放大镜功能吧，你可以把viewport想象成一个类似的放大镜，fixed的元素是相对整个页面固定位置的，你在屏幕上滑动只是在移动这个所谓的viewport，原来的网页还好好的在那，fixed的内容也没有变过位置，所以说并不是iOS不支持fixed，只是fixed的元素不是相对手机屏幕固定的。换个角度，如果所有fixed的元素都相对屏幕固定，那那些桌面版的网页在手机上还能看吗。

替代方案

弄清楚原因，接下来就是如何解决了，这里我参考了比较有代表性的两种解决方案。

jQuery Mobile

之前用这个框架做东西的时候就觉得它对fixed的处理很奇怪(demo)，理解了上述viewport的模型后会觉得他的想法很简单也很自然，既然fixed的元素不会随viewport移动而移动，那就用相对定位让其随着viewport的移动改变位置，通过webkit的touch事件我们可以很方便的获取当前手指位置的坐标，据此计算偏移量并改变fixed元素的top偏移量，可以模拟元素fix在viewport的效果。

尽管touchmove事件可以让你随时获得当前偏移量，理论上可以做到平滑的滚动，但由于手指触发事件到浏览器完成渲染是需要时间的，如此模拟出的效果必定做不到理想中的fixed效果，更重要的是touchend事件后的scroll阶段，在这个阶段iOS会将DOM操作挂起(其API的ScrollEvent部分有说明)，即会造成页面无法即时渲染。于是jQueryMobile就决定在整个viewport移动过程中(包括touch与scroll)让fixed的元素消失，scroll事件结束后再fadeOut。总之就是，很 奇 怪。

Sencha Touch/Twitter

Twitter的处理方式则创新得多，效果也更加完美(后来发现Sencha Touch也是这样处理的)，因为这个方案实现了真·fixed。所谓真·fixed，是因为在手指移动的过程中，不管是fixed元素的位置还是viewport的位置都没有改变。具体做法是监听body的touchmove事件，获取偏移量以改变内容元素的位置，并用event.preventDefault()阻止浏览器的默认scroll动作，来看代码：

<div class="tw-scrollview-host" style="min-height: 1018px; -webkit-transform: translate3d(0px, -22px, 0px); ">...</div>

这里用translate3d只是因为仅有这个CSS属性iOS是调用硬件加速的…. 但是由于其阻止了浏览器的默认滚动，所以当touch事件结束后内容是不会惯性滚动的，于是又需要继续改变偏移量来模拟Scroll事件，这里就涉及到Scroll算法的问题了，要考虑手指移动的速度、阻尼的大小跟边界情况等等，我没有找到这部分的代码，也没有搜到任何相关文章，如果有人了解可以分享一下。

总的来说，TwitterSencha Touch的方法在效果上更流畅，也更符合一般人的心理模型，如果硬要说缺点的话，我觉得这种实现太“不原生”了，几乎完全抛弃了移动浏览器的viewport模型，大兴土木地用CSS3与js模拟的scroll在执行效率与效果上与原生的差别也有待考究。

最后有个好消息

iOS5即将更好的支持position:fixed;属性，加上android早在2.2就已经实现，以后要实现类似效果就不用再这么折腾了。但在这之前如果不用框架的话，还是离fixed远点的好

其他参考资料

• 对touch事件很详尽的描述
• jQueryMobile非官方中文文档

版权声明：

本文转载自团队成员博客

本作品采用知识共享署名-相同方式共享 3.0 Unported许可协议进行许可。
原文网址：http://leeyeh.wordpress.com/2011/08/10/ios-safari-position-fixed-替代方案

在百度文库你能找到自己专业课程的课件吗？

在新浪文库你能找到考试周需要的复习资料吗？

来DocumentBASE（多库文档），你想要的都能找得到！

多库文档是华中大学子自己的文档分享聚合平台，这里有你需要的各个科目的完整课件，更有学长学姐或是不知名牛人分享的神秘资料。

多库文档让你在文档的上传下载过程中与他人交流各方面信息知识，科技信息、经验技巧，都能一一掌握！

当然，多库文档的成长需要你我共同支持，你每上传一份资料，都是互联网分享精神的体现，你每分享一份文档，都是对同学的全力帮助。希望你我的微弱力量在多库文档凝聚成强大的知识源泉，让明德、厚学之风传遍华中大校园，让华中大学子拥有更便捷的学习方式。

从此，你不用再带着U盘去找老师拷课件，不用再在班级群里狂吼“求资料”，DocumentBASE让你拥有HUSTer自己的文库！

进入DocumentBASE！

冰岩作坊是每一个冰岩人开始为梦想拼搏的地方，而暑期实习是冰岩人真正实现梦想的起点。

在冰岩作坊做过的一个个项目是冰岩人最骄傲的资本，也是大三团队成员申请实习时的最大优势。不断创新的项目让冰岩作坊时刻接触互联网信息并始终走在高校网络发展的前列，其中积累的经验也为冰岩人将来工作奠定了坚实的基础。 这些都是冰岩作坊赋予冰岩人最宝贵的资源。

经历了各个公司强大压力的几轮面试后，冰岩人用骄人的成绩再次证明了我们的实力。

下面是2011年暑假实习冰岩作坊团队成员去向：

表面的成绩是背后的勤奋与汗水换来的，冰岩作坊轻松活跃的团队氛围下，冰岩人用最严格的要求审视自己的每一个创意、每一件设计、每一行代码。我们始终坚持冰岩精神：我们是最具亲和力的校园Web开发团队，不断追求创新的精神是我们的优良传统，追求卓越是每个人冰岩人所标榜的工作理念。

冰岩人以身在冰岩作坊为傲，冰岩作坊以每一个冰岩人为豪！

将来再NB的时光，不如曾经一起SB的岁月……    进入ilovehust

大学四年即将换来大家的各奔东西，大四的毕业生们开始忙毕设，忙散伙饭，忙摆摊，忙毕业旅行。每个人的心中带着对未来的期盼，更带着对大学的眷恋……伤离别，离别虽然在眼前；说再见，再见不会太遥远；若有缘，有缘就能期待明天，你我将重逢在灿烂的季节。

犹记得被迎新时学长&学姐温暖的笑脸，痛苦又充实的军训，无一例外的森林烧烤。大二的迷茫，大三的悔恨，越来越多陌生的学弟学妹。

在HUST，你是否为考试周熬夜过？是否为占自习室早起过？是否看过韵体的电影？是否听过一场人文讲座？是否拿过东操的快递？是否收到过一堆传单？你最喜欢哪个食堂？你最讨厌哪一门课？

在HUST，你一定有最遗憾的事，最高兴的事，做过的最SB的事，最有成就感的事，有想发泄的事，有想感谢的人，还有一直想表白的那个她（他）。

想与所有HUSTer分享你不平凡的四年吗？来这里一起回顾大学的点点滴滴吧；不想再让心中的那份情埋在心底吗？来这里让大家听到你的真情呼唤吧！来ilovehust，说说你与HUST的故事！

亲爱的华中大在线用户：

近日，黑客攻击行为有所增加，为保障校园内各个网络服务的安全运行，网络中心新增了安全防火墙。但与此同时也造成了华中大在线各个子站的部分功能受到影响。为了尽快解决此问题，我们决定更换全部服务器的IP地址。

我们的IP更换工作预计将于2011年5月9日开始。与此同时，由于更换IP地址的缘故，华中大在线首页以及各个子站点将受到不同程度的影响，可能导致部分服务无法正常使用。所以请您耐心等待，我们将尽快完成IP更换以及更换后的检查恢复工作。对此给您带来的不便，还望您能够理解。

感谢您对华中大在线的一贯支持！我们将不负您的重望，继续以更新更好的技术与产品服务于您。

华中大在线冰岩作坊

2011年5月7日