当视图页和滚动视图处于同一层时，视图页不起作用

是因为滚动视图会覆盖在视图页之上，导致视图页无法响应用户的交互操作。这种情况下，用户无法点击视图页上的按钮、链接或其他交互元素。

为了解决这个问题，可以采取以下几种方法：

1. 调整层级关系：将视图页置于滚动视图之上。通过调整CSS样式或使用前端框架的布局功能，可以将视图页放置在滚动视图的上方，确保视图页能够正常显示并响应用户的交互操作。
2. 使用遮罩层：在滚动视图上方添加一个透明的遮罩层，遮挡住滚动视图，使其无法滚动。这样，视图页就能够正常显示并接收用户的交互操作。
3. 分离视图页和滚动视图：将视图页和滚动视图分离，分别放置在不同的层级中。这样，视图页和滚动视图就可以独立运行，互不影响。

需要注意的是，以上方法仅是解决视图页不起作用的一些常见方案，具体的实施方式还需要根据具体的开发环境和需求进行调整。

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

• 腾讯云前端开发相关产品：https://cloud.tencent.com/product/web
• 腾讯云后端开发相关产品：https://cloud.tencent.com/product/cdb
• 腾讯云软件测试相关产品：https://cloud.tencent.com/product/cts
• 腾讯云数据库相关产品：https://cloud.tencent.com/product/cdb
• 腾讯云服务器运维相关产品：https://cloud.tencent.com/product/cvm
• 腾讯云云原生相关产品：https://cloud.tencent.com/product/tke
• 腾讯云网络通信相关产品：https://cloud.tencent.com/product/vpc
• 腾讯云网络安全相关产品：https://cloud.tencent.com/product/ddos
• 腾讯云音视频相关产品：https://cloud.tencent.com/product/vod
• 腾讯云多媒体处理相关产品：https://cloud.tencent.com/product/mps
• 腾讯云人工智能相关产品：https://cloud.tencent.com/product/ai
• 腾讯云物联网相关产品：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发相关产品：https://cloud.tencent.com/product/mab
• 腾讯云存储相关产品：https://cloud.tencent.com/product/cos
• 腾讯云区块链相关产品：https://cloud.tencent.com/product/baas
• 腾讯云元宇宙相关产品：https://cloud.tencent.com/product/vr