html如何设置图片位置

上周 你问的是图片环境设置吗?
想要背景图片? 例如,使用背景布局
背景位置:右上角;或者 背景 - 位置:1 00px x 5 0px;对于图片
例如使用img标签添加空格
位置:绝对; 右:0; 上面:0;或者 左边距:2 0px;这够了吗? 由你决定。

HTML5网页如何实现粘性布局 HTML5网页吸顶效果的实现方法

使用 CSS 粘性是最简单的。
只需添加位置:粘性; 顶部:0; 一切都完成了。

但是有两点需要注意: 1 .父容器不能有overflow:hidden 2 .在旧的iOS Safari中添加-webkit-sticky
我上周刚做一个项目,就用了这个。
代码少,性能好。

复杂情况使用JS。
例如判断滚动超过1 00px才到达顶部: const header = document.querySelector('.js-header'); window.addEventListener('滚动', () => { if (window.pageYOffset > 1 00) { header.classList.add('固定'); } 否则{ header.classList.remove('固定'); } });
但是JS会有点慢。
推荐使用lodash.throttle对其进行包装: 函数节流阀(函数,延迟){ 让最后的调用= 0; 返回函数(){ const now = new Date().getTime(); if (现在
lastCall < 延迟) 返回; 上次通话=现在; func.apply(this, 参数); }; }
固定header后,必须在原来的位置添加占位符div。
否则页面会跳转。

你想尝试一下吗?