Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/188.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 是否可以为“设置图像”;“过卷”;网页的(反弹)区域(用于移动设备)?_Android_Html_Ios_Css_Mobile - Fatal编程技术网

Android 是否可以为“设置图像”;“过卷”;网页的(反弹)区域(用于移动设备)?

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

大多数移动浏览器都有默认行为,允许用户在到达页面顶部或底部时继续滚动,在页面顶部或底部留下空白。然后整个页面将反弹,以填补空白。在本机iOS应用程序中,我们可以轻松地为这些顶部和底部区域设置图像甚至交互元素。我想知道对于纯web应用程序是否可以做到这一点

我尝试的是设置
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作为开发者的提问站点,所以我昨天尝试了这个。