Android 是否可以为“设置图像”;“过卷”;网页的(反弹)区域(用于移动设备)?
大多数移动浏览器都有默认行为,允许用户在到达页面顶部或底部时继续滚动,在页面顶部或底部留下空白。然后整个页面将反弹,以填补空白。在本机iOS应用程序中,我们可以轻松地为这些顶部和底部区域设置图像甚至交互元素。我想知道对于纯web应用程序是否可以做到这一点 我尝试的是设置Android 是否可以为“设置图像”;“过卷”;网页的(反弹)区域(用于移动设备)?,android,html,ios,css,mobile,Android,Html,Ios,Css,Mobile,大多数移动浏览器都有默认行为,允许用户在到达页面顶部或底部时继续滚动,在页面顶部或底部留下空白。然后整个页面将反弹,以填补空白。在本机iOS应用程序中,我们可以轻松地为这些顶部和底部区域设置图像甚至交互元素。我想知道对于纯web应用程序是否可以做到这一点 我尝试的是设置html,body的背景图像,例如: html, body { background: url(../img/topnotification.jpg) no-repeat top center; background-si
html,body
的背景图像,例如:
html, body {
background: url(../img/topnotification.jpg) no-repeat top center;
background-size: contain;
}
不幸的是,这不起作用,因为它似乎进入身体被过度滚动。我想知道是否有一个特殊的属性,我们可以为手机网站的顶部和底部空滚动区域设置
我也尝试过:
html:before, body:before {
width: 100%;
height: 100%;
top: -100%;
position: absolute;
background: url(../img/topnotification.jpg) no-repeat top center;
background-size: contain;
overflow: visible;
}
这显然也不起作用。我认为这完全取决于浏览器,因为我不知道有任何html元素会指定由于过度滚动而产生的空格。 就我个人而言,我从未在windows、chrome和android上经历过类似的事情。
您可能可以创建一个动画,当滚动到达页面底部或页脚时就会发生,但我不认为可以做任何事情来填充空白。它很可能是基于浏览器的 这不是一个真正的答案,而是一个评论。但是我理解,因为你还没有足够的代表发表评论。我建议尝试回答一些简单的问题,以获得至少50个代表。另外,添加一些文档链接或其他方法可以使您的答案更像答案。对不起,谢谢您的建议。人们推荐stack overflow作为开发者的提问站点,所以我昨天尝试了这个。