jsp中什么让一张图片实现全屏且不重复‘

jsp让实现全屏的方式如下代码所示：

<template><div class="hello"></div></template><script>export default {name: "HelloWorld",data() {return {};}};</script><style scoped>hello {background: url("///static/imagic/syjpg") no-repeat;height: 100%;width: 100%;background-size: cover;//全屏展示}</style>

background: url("///static/imagic/syjpg") ——路径的位置；

no-repeat—— 不重复；

center 0px——center是距离页面左边的定位，0px是距离页面上面的定位；

background-position: center 0——就是的定位，同上；

background-size: cover;——把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中；

min-height: 100vh;——视窗的高度，“视区”所指为浏览器内部的可视区域大小，即windowinnerWidth/ windowinnerHeight大小

你这个要求，跟jsp基本无关了，就是前台展现的方式，ajax获取json格式的数据后，将数据放在一个数组中，每次取10条（多少自己定），取完之后在页面显示，同时从数组中删除，这样就不会重复加载了。

前台写一个js方法，判断当前页面高度、屏幕高度、鼠标滚轮位置，根据这三个值来判断是否需要加载下一页数据。

以下代码使用jQuery

var pageH = $(documentbody)height();

var scrollT = $(window)scrollTop();

var winH = $(window)height();

var rat = (pageH - winH - scrollT)/winH

当rat小于一个值时（自己定，可以设置成001或者002），则加载下一页数据。或者显示一个“加载下一页”的按钮，点击后加载下一页的数据，当判断所有数据都加载完毕后，重新到后台获取新的数据。

设置高度有两种方式：

一就是使用<td>的属性height，如<td height="200">，这些是HTML基础。

二就是使用CSS层叠样式，如<td style="height:200px">

具体的请你查询HTML的table使用。

以上就是关于jsp中什么让一张图片实现全屏且不重复‘全部的内容，包括:jsp中什么让一张图片实现全屏且不重复‘、jsp页面中数据随屏幕滚动加载如何实现、jsp中 关于如何设置两个td高度问题 急，急，急，急，在线等待等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！