gpt4 book ai didi

javascript - 强制地址栏显示在移动版 Chrome 应用中

转载 作者:可可西里 更新时间:2023-11-01 01:25:33 24 4
gpt4 key购买 nike

我正在开发一个网络应用程序。大多数应用程序都禁用了滚动功能,但是需要一个全屏面板可以滚动。

问题:

如果用户位于应用程序的可滚动部分并向下滚动,地址栏就会消失。如果在地址栏消失后,用户决定通过单击固定位置菜单栏上的 X 退出该面板,则地址栏永远不会被触发(因为向上滚动永远不会发生),因此用户会陷入滚动-禁用无地址栏状态。

我的问题:

是否可以强制触发地址栏在 Google Chrome 中显示?

链接!

JSBin输出

JSBin代码

顺便说一下

简单地设置 $(window).scrollTop(0) 并不能做到这一点。

使用开发工具进行模拟不起作用。您需要在移动设备的 Chrome 应用程序中打开它。

谢谢!


示例如下:

不允许滚动,显示地址栏

img1 )

允许滚动,显示地址栏

img2

用户滚动,地址栏隐藏

img3

回到禁用滚动的div,地址栏被隐藏

img4

最佳答案

一种解决方法是使用 div 作为正文内容的可滚动容器。这样 body 是不可滚动的,但是当这个内部 div 滚动时,内部 div 和 Chrome 不会自动隐藏地址栏:

<body style="margin:0;padding:0;width:100%;height:100%">
<div style="position:absolute;width:100%;height:100%;overflow:scroll">
Content
</div>
</body>

滚动条可见: http://jsbin.com/zibewepiwo

滚动条自动隐藏: http://jsbin.com/yeyapijulo

在 Android 4.4.2 (Samsung Galaxy Tab 3) 的 Chrome Beta 44.0.2403.63 和 Chrome 43.0.2357.93 中测试。

关于javascript - 强制地址栏显示在移动版 Chrome 应用中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25298443/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com