效果演示
制作过程
组件
- 建立两个菜单,一个命名为“浮动菜单”放置页面顶部,右键点击固定到浏览器,并固定到顶部,默认隐藏;另一个命名为“滚动菜单”放置页面下方位置(如下图)。
- 页面顶部放置一个小矩形,命名为“接触点”,右键点击固定到浏览器,并固定到顶部,默认隐藏。
- 其它内容banner图和文字内容。
交互设置
添加【页面滚动时】用例:当“滚动菜单”接触到“接触点”时显示“浮动菜单”。
当“滚动菜单”未接触到“接触点”时隐藏“浮动菜单”。
添加【页面滚动时】用例:当“滚动菜单”接触到“接触点”时显示“浮动菜单”。
当“滚动菜单”未接触到“接触点”时隐藏“浮动菜单”。