在墨刀网页版中,需开启【运行时固定位置】开关并勾选对应方向锚点(如【相对底部固定】)使组件悬浮;设置偏移量仅预览生效;多组件固定时按图层顺序决定层级。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在墨刀网页版中让按钮、导航栏等组件始终停留在页面指定位置(比如底部或顶部),不随页面滚动而移动,需要启用运行时固定定位功能。
给单个组件设置运行时固定位置
选中目标组件(如底部购物车按钮、返回顶部箭头),确保它处于页面层级中,未被包裹在状态组件或动态组件内。
在右侧属性面板中找到【运行时固定位置】开关,点击开启。
开启后会出现四个方向锚点选项:【相对顶部固定】、【相对底部固定】、【相对左侧固定】、【相对右侧固定】。根据需求勾选对应项——例如要悬浮在屏幕底端,就勾选【相对底部固定】。
勾选后,组件将脱离文档流,在预览或发布后始终保持在视口边缘,即使页面内容很长也不会被滚走。
设置固定位置时的偏移量
启用【运行时固定位置】后,下方会显示「距离」输入框。
输入数值可微调组件离边缘的距离,单位为像素(px)。例如底部固定时输入 20,组件下边缘将距离视口底部 20px。
注意:该偏移值仅在运行时生效,编辑状态下不会体现——必须点击右上角【预览】按钮才能看到真实效果。
多个组件同时固定时的层级处理
第一步:先选中所有需固定的组件(按住 Shift 多选)。
第二步:统一开启【运行时固定位置】,并分别设置各自的方向锚点(如一个设底部固定,另一个设顶部固定)。
第三步:若出现遮挡,回到图层列表,将希望置顶的组件拖到列表最上方——运行时固定组件的层级由图层顺序决定,而非画布叠放顺序。
第四步:检查预览,确认各固定组件无相互覆盖或错位。











