在Safari和Chrome for Mac等浏览器中,当您在页面开始时尝试向上滚动时,仍然可以向上滚动一点,但会遇到阻力,当您松开时页面会反弹回来。
我的页面顶部有一个导航栏。当用户向上滚动超过页面顶部时,导航栏将与页面的其余部分一起向下移动,就像在中一样。如何才能使导航栏即使在滚动过程中也停留在页面的顶部?
当我将iOS更新到iPhone上的版本15时,我遇到了一个问题。当我向下滚动页面时,我发现Safari隐藏了导航条。没关系,但当我打开一个模态时,问题就来了。
当我以下列著名风格打开模态时
.modal {
position: absolute; /* or fixed */
top: 0;
right: 0;
bottom: 0;
left: 0;
/* following is what I tried to, but not work */
width: 100vw;
height: 100vh;
}
使用
<body>
...
&l
移动设备上的Safari和Chrome在页面加载时都包含一个可见的地址栏。当页面的body滚动时,这些浏览器会将地址栏滚动到屏幕之外,从而为网站提供更多空间,如下图所示:
我遇到了一个小问题,我的网站允许这样做。我正在制作一个包含所有口袋妖怪的很长列表的Pokedex。然而,由于我设置页面的方式,它不希望滚动地址栏看不见。
我的html看起来像这样:
<body>
<app> <!-- My Angular2 tag for the app, no special styles for this -->
<nav>