您可以使用CSS和JavaScript来实现将带有类"height_mark"的div从网页底部每隔980px放一次的效果。
首先,您可以使用CSS来设置div的样式和位置。将div的position属性设置为fixed,bottom属性设置为0,即可将div固定在网页底部。例如:
.height_mark {
position: fixed;
bottom: 0;
}
接下来,您可以使用JavaScript来实现每隔980px放置一次div的效果。您可以通过计算网页的高度,然后根据980px的间隔动态地插入新的div。以下是一个示例的JavaScript代码:
window.addEventListener('load', function() {
var windowHeight = window.innerHeight;
var divHeight = 100; // 假设div的高度为100px
var gap = 980; // 间隔为980px
var numDivs = Math.floor(windowHeight / gap); // 计算需要插入的div数量
for (var i = 0; i < numDivs; i++) {
var newDiv = document.createElement('div');
newDiv.className = 'height_mark';
newDiv.style.bottom = (i * gap + divHeight) + 'px';
document.body.appendChild(newDiv);
}
});
上述代码会在页面加载完成后,根据窗口高度计算需要插入的div数量,并动态地创建并插入这些div,每个div的位置会根据间隔和div的高度进行计算。
这样,带有类"height_mark"的div就会从网页底部每隔980px放置一次。
请注意,以上代码仅为示例,实际应用中您可能需要根据具体需求进行适当的调整和优化。
关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体品牌商,建议您访问腾讯云官方网站,查找与云计算相关的产品和服务,以获取更详细的信息。
领取专属 10元无门槛券
手把手带您无忧上云