基于四个html页面的滚动指示器，在向上滚动时不会降低百分比

滚动指示器是一个常见的前端开发组件，它可以帮助用户在一个页面或者一组页面中指示当前所处的位置，并提供导航功能。基于四个HTML页面的滚动指示器，意味着我们有四个页面需要进行导航。

在向上滚动时不降低百分比的滚动指示器可以通过以下步骤来实现：

1. 创建四个HTML页面：首先，我们需要创建四个HTML页面，每个页面对应一个特定的内容或者功能。在这个案例中，我们假设这四个页面分别为：首页、产品展示页面、服务页面和联系页面。
2. 设计滚动指示器：为了实现滚动指示器，我们可以使用HTML、CSS和JavaScript来创建一个自定义的指示器组件。该组件可以包括滚动条、导航按钮和当前页面指示器等元素。
3. 监听滚动事件：使用JavaScript，我们可以通过监听滚动事件来判断用户是否在向上滚动。可以使用window.addEventListener方法绑定滚动事件，并使用event.deltaY属性来获取滚动方向。
4. 更新滚动指示器状态：根据滚动方向的变化，我们可以根据当前页面的百分比来更新滚动指示器的状态。如果向上滚动时不希望降低百分比，我们可以在滚动事件触发时更新指示器的位置而不改变百分比。
5. 添加导航功能：通过点击滚动指示器中的导航按钮，用户可以直接跳转到对应的页面。可以使用JavaScript来处理点击事件，并通过修改window.location来实现页面跳转。

应用场景：滚动指示器在单页应用、长页面以及需要分页展示内容的网站中广泛应用。它可以提供良好的用户体验，帮助用户快速定位到感兴趣的内容。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云CDN（内容分发网络）：通过将内容缓存在全球分布的节点上，加速网站访问速度，提高用户体验。详细介绍请参考：腾讯云CDN产品介绍
• 腾讯云云服务器（CVM）：提供弹性扩展的虚拟云服务器，满足不同规模和负载的需求。详细介绍请参考：腾讯云云服务器产品介绍
• 腾讯云云原生容器服务（TKE）：为应用提供高效、易用、安全的容器化部署和管理能力，支持快速迁移和弹性伸缩。详细介绍请参考：腾讯云云原生容器服务产品介绍

请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况来决定。