shiny_bender

摘要： 返回顶部的快捷按钮在web页面中普遍存在，不过有些的实现不理想，滚动条是瞬间滚到页面顶部，过程不平滑而影响效果。在这里列举实现返回顶部的几个方法。1、使用锚点页面顶部的元素设置id值，返回顶部由a标签实现，a标签的href值为之前页面顶部元素的id值。代码如下：1 2 足够使container出现滚动条的内容3 4 返回顶部View Code利用浏览器a标签的锚点功能，可以很容易实现返回顶部，不过滚动条滚动过程中并不平滑。2、使用DOM的scrollIntoView方法绑定返回顶部按钮的点击事件，事件回调函数中调用页面顶部元素的scrollIntoView方法。代码如下：1 //绑定返回... 阅读全文

摘要： 抽屉菜单在手机native应用中很常见。比如酷狗手机版的界面：左侧为操作菜单，默认不显示。需要时向左滑动界面，操作菜单将从侧边缓缓展示出来，不需要时向右滑动界面，操作菜单又将隐藏在侧边而不会占位置，操作菜单这种缓入缓出用户体验非常不错。这里采用css3实现抽屉菜单效果。以下代码以及实例请在基于webkit手机浏览器下访问。html代码如下：1 2 3 4 View Code样式代码如下: 1 .container{ 2 position: relative; 3 height: 300px; 4 overflow-x: hidden; 5 } ... 阅读全文