Tag: footer

当内容太大时需要粘性页眉和页脚: 我使用div创建了一个自定义表（由于过于复杂的行为，这只是解决方案）。但我的页眉和页脚有问题。表格html基本上很简单：我需要的是以下内容：当表内的内容不是太大而无法在没有滚动条的情况下查看时，标题将位于顶部，页脚位于内容的下方（因此不会粘到容器的底部）。但是当表的内容扩展时（无论是使用新数据加载页面还是使用javascript / jQuery扩展一些表内容），我需要将标题粘贴在容器的顶部，并且页脚粘贴在容器的底部，同时内容可以滚动而不重叠页眉/页脚。我在这里搜索了很多，但还没有找到一个像样的解决方案，有没有办法解决这个问题（尽可能简单）使用css和/或javascript / jquery ？编辑这里我的意思的基本样本： jsFiddle 如果单击示例中的span ，则页眉和页脚应固定在容器的顶部和底部。但是如何检测尺寸的增加？

jQuery Mobile固定页脚滚动文本一次然后在iOS应用程序中停止: 我使用jquery-mobile（1.1.1）和Adobe PhoneGap Build创建了一个iOS应用程序。该应用程序具有固定的页眉和页脚，并且过渡设置为“无”。页脚包含4个导航按钮，通过javascript导航到应用程序中的四个页面。我使用了多页模板，因此只有一个HMTL文件。最初，我使用“data-position：fixed”在页面上定位页眉和页脚，但在页面之间切换时遇到了一些不需要的闪烁和页面跳转。所以，我转而使用CSS来修改页眉和页脚到屏幕上（如本文所述： https ： //github.com/jquery/jquery-mobile/issues/4024 ）。这解决了闪烁的问题，但引入了不同的问题。问题是：第一次滚动文本，在任何页面上，页脚随文本一起移动（即它不会保持固定）。但只是第一次 – 从那时起，每当我滚动文本时，页脚就会保持固定。为了澄清，这里有几个例子：例1 打开应用程序，在第一页滚动文本 – 页脚移动。切换到第二页，滚动文本 – 页脚保持固定。例2 打开应用程序，切换到第二页而不在第一页上滚动 – 页脚在第二页上移动。切换回第一页，页脚保持固定。另外一件事我应该提一下 – 如果我启用了页面转换，那么问题只发生在第一页上。例如。如果应用程序加载并且我切换到另一个页面而没有先滚动第一页上的文本，页脚将保持原样应该固定。任何有关修复此问题的方法的建议都将不胜感激。谢谢。

如果文档高度小于窗口高度，则将页脚强制到页面底部: 我正在以ipad的肖像模式修复我的网站显示。问题是页面长度不像ipad的纵向显示那么长。这是我正在谈论的图片：我创建了一个jQuery函数，我认为当文档高度没有窗口高度那么大时会检测到，然后我可以将页脚的位置设置为固定。这是我的代码： if ($(document).height() < $(window).height()) { $('#footer-wrapper').attr('style', 'position: fixed!important; bottom: 0px;'); } 目前的CSS： #footer-wrapper { padding: 20px 0px 23px; background-color: #E3E9DC; border-bottom: 3px solid #007897; border-top: 3px solid #007897; color: #585858; position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; } @media screen and (max-width: 1024px) { #footer-wrapper { /*padding: […]

内容背后的页脚: 当我向网站的末尾滚动时，我试图在内容背后显示页脚，这很难解释所以我做了这个gif http://sofzh.miximages.com/jquery// 我试图在网上搜索教程，我发现的不是我正在寻找的东西（我所见过的只是向上滑动并向下滑动页脚）。如果您可以指导我阅读教程或解释如何操作，那将会有很大帮助。