打开它并将其放置在您想要的位置
No coding, no fuss。只要在页面设置中翻转“启用阅读进度条”开关, 然后决定它应该住在哪里, 执行粘在视口顶部的脚步是经典的点, 但它是你的选择, 它会自动检测整个页面高度, 并在访问者开始滚动的那一刻开始填充。
- One-Switch 启用:在 “一般设置”下的页面设置面板中找到右侧的设置,然后将其全局打开或仅打开一页。
- Top或Bottom:选择位置将条锁定到屏幕的顶部或底部,这样它总是可见的。
- 自动跟踪:栏智能计算总页面长度,并在用户滚动时实时更新填写。
让它看起来像您品牌的一部分
A默认的蓝色条可能不适合你的网站,这就是为什么你完全控制它的外观,匹配你的品牌颜色,调整厚度,控制它动画的流畅性,使其微妙或使其脱颖而出- 这完全取决于你和你的设计。
- 自定义颜色:设置两种颜色:空轨道的背景颜色和移动进度的填充颜色。
- 调整厚度:使用高度字段(如 5px 或 10px)使条形变薄且谨慎或变厚且粗体。
- 调整动画:控制动画速度,使条形平稳地填充并感觉自然,而不是跳跃或缓慢。
阅读进度条常见问题
了解用户对阅读进度栏询问最多的查询,并在一个地方找到答案。
进度条在手机上有效吗?
Yep,它确实如此!栏是完全响应的,它会出现在手机和平板电脑屏幕的顶部(或底部),调整其大小和行为,以便在较小的屏幕上完美工作。
我可以将此添加到某些页面,但不能添加到其他页面吗?
Absolutely。由于它是从页面设置控制为每个单独的页面或帖子你创建与Elementor, 你有完全的控制, 启用它, 在你的长博客文章和教程, 并离开你的短联系页面, 这是每页的决定。
这会减慢我的网站速度吗?
Not at all。是一个非常轻量级的功能,使用最少的资源,只是有点CSS和JavaScript计算滚动位置,你不会注意到你的页面加载速度有什么影响。
如果条形色与我的标头菜单冲突怎么办?
That’最好的部分,你可以在几秒钟内修复它,只需进入设置,将背景颜色和填充颜色更改为任何你想要的东西,选择与头部形成良好对比的颜色,这样栏总是可见,但永远不会冲突。
