滑动页面时的控件设计规范—锚点及回到顶部思维导图

当PC端页面内容区域比较长时比如瀑布流的使用，用户需要频繁返回顶部查看相关内容时，可以滚动后出现回到顶部控件

花瓣PC端页面滚动后，右下角有一 些功能操作，滚动后出现回到顶部控件

当页面内容区域比较长时；当用户需要频繁返回顶部查看相关内容时，可以使用回到顶端返回页面顶部

京东购物车页面除了展示添加到购物车的商品外，底部还有推荐上面，滚动后出现回到顶部控件；每日优鲜APP页面滚动后，导航的主页按钮变成回到顶部按钮，优化体验，类似的还有淘宝、饿了么、考拉等主页有瀑布流的内容

当PC端使用上下布局时，且内容区域居中固定时，锚点悬浮在左侧显示，当屏幕小于一定尺寸时，锚点缩小悬浮于页面左侧，鼠标移入时再显示

在优设的网址导航中，由于导航分为多个类型，所以将具体类型名称放到左侧展示，能快速定位到需要的内容

当PC端左侧有导航，锚点定位可以放到右侧，常用于阅读文章等场景

在Ant design的组件页，由于左侧有二级导航，所以将页面的锚点定位放在右侧，类似的还有语雀文章阅读

当有时间类型的内容比如浏览照片时，可以采取时间轴定位的方式快速滑动到需要查看的内容

内容过多的情况下也可以采取分页的形式，滚动后将分页及回到顶部固定在底部右下角位置

宝宝树APP采用时间轴的方式快速定位，默认状态定位控件缩小固定在右侧，滑动时控件变大显示具体时间，方便用户按时间快速查找照片，类似的还有百度网盘里的照片浏览。 豆瓣APP在电影的讨论模块，选择一个讨论查看详情滚动后底部显示回复的定位锚点，控件放在操作栏上面吸底展示