介绍 & lt; ! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;
& lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比;
& lt; head>
& lt; meta http-equiv=癈ontent-Type",内容=皌ext/html;, charset=utf-8",/比;
& lt; https://www.yisu.com/zixun/script src=" js/jquery-1.10.1.min.js " type=" text/javascript ">
<链接的href=" css/布局。css " type=" text/css样式表" rel=" "/>
<链接的href=" css/风格。css " type=" text/css样式表" rel=" "/>
头
<脚本>
$(窗口).scroll(函数()
{
saction ();
});
saction()函数
{
sj=20;//底部间隔
圣=$(窗口).scrollTop ();//滚动条高度
sd=$ (“.left_poi”) .offset直()上;
sd_h=$ (“.left_in”) .height ();
某人=$ (“.bottom”) .offset直()上;
sb_h=$ (“.bottom”) .height ();
rd_h=$(“铃声”).height ();
bh=window.innerHeight;
如果=sb-sd_h;
如果(圣> sd & & rd_h>=sd_h) {
$ (" .left_in ") .addClass (“on”);
如果圣> (si) {
sy=bh - (sb-st) + sj;
$ (" .left_in ") . css({“顶级”:“自动”、“底”:sy +“px”});
其他}{
$ (" .left_in ") . css({“顶级”:“,“底”:"});
}
其他}{
$ (" .left_in ") .removeClass (“on”);
}
}>
身体
这篇文章给大家分享的是有关css如何实现网页栏目左侧固定当滚动到底部时自动调整位置的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
预览地址:
https://ovsexia.gitee。io/leftfixed/html: