栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

固定div在页面底部停止在给定位置

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

固定div在页面底部停止在给定位置

我尝试在jsfiddle上进行设置。在撰写本文时,我发现其他人已经发布了他们的替代方案。

我在CSS中将位置设置为相对,计算文档加载时的位置以保留信息,然后将其设置为固定。

var sticky_offset;$(document).ready(function() {    var original_position_offset = $('#sticky_for_a_while').offset();    sticky_offset = original_position_offset.top;    $('#sticky_for_a_while').css('position', 'fixed');});$(window).scroll(function () {    var sticky_height = $('#sticky_for_a_while').outerHeight();    var where_scroll = $(window).scrollTop();    var window_height = $(window).height();    if((where_scroll + window_height) > sticky_offset) {        $('#sticky_for_a_while').css('position', 'relative');    }    if((where_scroll + window_height) < (sticky_offset + sticky_height))  {        $('#sticky_for_a_while').css('position', 'fixed');    }});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/635417.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号