锚点:页面返回顶部

案例描述
页面向下拉动时,返回按钮始终保持在页面右下位置,当单击返回按钮时,页面返回到顶部。

页面中
在这里插入图片描述
动态面板“FixedPanel”中
在这里插入图片描述
矩形RedShape放在下层
在这里插入图片描述
包含命名
矩形(用于滑出的红色按钮):RedShape
矩形(用于灰色按钮):GreyShape
热区(用于滚动位置定位):TopWidget
动态面板(用于固定按钮位置):FixedPanel

思路分析
①向下拉动页面时需要让“返回”按钮始终保持在右下角位置(见步骤01)
②鼠标进入“返回”按钮时,“返回”按钮变为红色,同时向左滑出红色带“顶部”文字的按钮(见步骤03~04)
③鼠标离开“返回”按钮时,“返回”按钮变为灰色,同时向右滑出红色带“顶部”文字的按钮(见步骤05~06)
④鼠标单击“返回”按钮,或滑出的“顶部”按钮时,页面回到顶部位置(见步骤07)

操作步骤


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部