新浪微博【返回顶部】按钮的效果如何实现？

kun319z · 发表于 2011-11-3 23:19:29

请问如何实现类似新浪微博【返回顶部】按钮的效果呢？
效果1.垂直滚动条在最顶部时，即未被拉动时隐藏，被拉离最顶部则显示；没思路
效果2.【返回顶部】按钮在屏幕固定位置，不随页面下拉滚动；我的思路：用一个内部框架实现内容的显示，在内部框架的右下角放置一个按钮
效果3.点击【返回顶部】按钮，返回页面最顶部；我的思路：感觉应该用图像热区实现，但是图像热区放置在和内部框架一个页面时实现不了效果，放置在内容页面，则交互中不能找到该图像热区。

不知道各位对以上有什么想法，是不是用内部框架就实现不了这种效果，如果不用内部框架，那如何在一个页面上直接实现多内容的滚动条下拉显示呢？
还有想和各位大虾探讨下，在工作中，在产品原型设计上对这样的一个小细节吹毛求疵，是不是有点不分主次呢？投入产出比是不是不划算？
小弟初出茅庐，希望能多和各位前辈交流

刘杨 · 发表于 2011-11-4 01:08:28

1# kun319z

完全可实现！私信我的微博给你解释！@杨Allyn

尹广磊 · 发表于 2011-11-4 09:36:12

用Axure7.0制作窗口滚动中固定在顶部的导航栏
http://www.hiaxure.com/thread-9258-1-1.html

kun319z · 发表于 2011-11-4 09:55:05

2# 刘杨
大哥，根据你的微博设置，我不能私信你。:L

kun319z · 发表于 2011-11-4 09:57:39

3# 尹广磊
原来这样啊，谢谢尹老师的回答！