按钮滚动效果要平滑

点击按钮后 页面要滑滑地滚回顶部，就像在冰上滑行一样，不要忽然跳起来那样会吓人的，复盘一下。。

移动端按钮要较大得像馒头

移动端按钮要足够较大， 方便手指戳得像打娱乐一样，位置要选得像挂灯笼一样，不要挡住内容，也不要跟客服按钮打架，出现的时候要像变魔术一样，让人意想不到。

按钮较大较小要适中， 颜色要鲜艳

按钮较大较小要适中，不要较小得像蚂蚁，也不要较大得像南瓜。图标用个向上的箭头， 就像指南针一样， 说真的... 颜色和背景要有明显的对比，最良好有个背景色或者阴影，让按钮看起来像是从页面里跳出来的一样。

按钮出现时机要讲究

按钮的出现时机要讲究， 就像放烟花一样，不要一页面加载就冒出来也不要滚动到底部才出现， 实际上... 要在客户滚动页面一定距离后就像放风筝一样，缓慢缓慢飘出来。

按钮设计要全面考虑

对于企业做网站 回到顶部按钮不是简洁放个按钮，而是要像盖房子一样，从基础到屋顶，都要考虑周到。 走捷径。 提议企业对照以上几个要点，自查网站的回到顶部按钮，让客户在较长页面中随时轻巧松回到顶部。

按钮设计要避免常见问题

YYDS... 很更多企业做网站时 以为回到顶部按钮就是“在右下角放个按钮，点击跳一下”，最终还是结果是做出来的按钮要么一直体现显得更多余，要么出现太晚客户已经手动滚了半天要么点击后突兀跳动。实际情况是 一个良好用的回到顶部按钮设计的核心要点包括出现时机合理、位置合理、样式清晰、点击效果平滑、移动端适配。

按钮动画要天然

按钮的出现和消失要有天然的过渡动画， 不要忽然出现或忽然消失，就像变魔术一样，让人看不出来，等..….。

页面较短时不需要按钮

当页面很较短， 客户不需要回到顶部按钮时能够不体现，只有较长页面才需要，就像穿衣服一样，较短了就别穿了。

按钮隐藏要适时

当客户滚动回页面顶部时 按钮应当隐藏，这是因为客户已经在顶部了不需要回到顶部， 我当场石化。 就像吃饭后不需要再吃一样。

按钮位置要合理

一句话。 回到顶部按钮通常放在页面右下角， 距离右边和底部各20-40px，这是客户习惯的位置，就像放风筝一样，要放在合适的较高度。

避免遮挡和沉重叠

按钮不要遮挡页面的十分沉关键内容， 也不要与其他浮动元素沉重叠， 对吧，你看。 就像放风筝一样，要避免线缠在一起。

客服按钮要协调

如果右下角有客服按钮， 能够上下排列，确保两个按钮都能完整体现和点击，就像放风筝一样，要协调良好。