sticky-footer

    2热度

    3回答

    我想在页面底部显示页脚相对于内容区域的页脚。所以它应该适应如果我的浏览器更小或更大,直到内容区停止。 我试图按照this link,但我似乎无法让它在我的网站上工作。 我加入了PUSH格在我的内容区域的底部 我设置正确的高度和调整的CSS 我的页脚仍然显示我的屏幕,也混乱的一半标题。卖给我Wordpress主题的人不愿帮助我... 如果任何人都可以指导我在正确的方向,这将是一个很大的帮助!

    0热度

    1回答

    您好,我的引导页脚有问题。 我添加了这个确定,并根据需要粘贴到页面底部。不过,我注意到,在移动设备(iphone 5s和6)上查看页面时,页面会从左向右滚动,因为信息水平地放在屏幕上,所以不应该这样做。我只会期望垂直滚动。就好像页脚宽度超过100%导致移动设备水平“解锁”,任何人都可以帮助解决这个问题吗? 我想补充没有错误的水平滚动条出现在同一页面的桌面视图,无论窗口怎样的大小 下面是代码 <fo

    4热度

    3回答

    当我将Materialize here的粘性页脚所示的css属性应用时,我的主要元素的高度最高可达33000px。页脚显示正常,但在其上方是空白的(推测长度约为33000像素)。这些元素按照标题正确排列,然后是主要元素,然后是页脚元素。 HTML: <body> <header> Header stuff </header> <main> Ma

    5热度

    1回答

    我有一个网站有两个页脚。其中一个很好地表现为页面底部始终可见的“固定”页脚。另一个页脚较大,并且应该低于所有内容,只有当所有内容滚动时才会出现(如果内容比页面大,则在滚动到底部之前不应该可见)。但是,它确实需要粘性,以便如果内容非常少,它不会骑上去,并留下尴尬的白色空白。 现在它显示在页面中间。 :(帮助? html, body { \t height: 100%; \t width:

    0热度

    2回答

    我使用新的Waypoint粘性快捷方式将元素粘贴到视图端口的顶部。我遇到的问题是,我希望当它到达页面上的某个点时,解除它的位置并保持它的位置。 下面是使用旧的航点的例子:http://jsfiddle.net/oskarrough/SFyCj/ 我已经做了广泛的谷歌搜索有几个帖子解释如何使用这个老航点,但没有引用新的版本做。 如果任何人都可以给我任何帮助或指导如何做到这一点,我会非常感激! var

    0热度

    1回答

    我在asp.net中有一个母版页,它将包含其他页面内容抛出ContentPlaceHolder。我希望在使用内容ContentPlaceHolder的页面中显示的内容无关紧要的情况下,在底部使用CSS的母版页中有一个页脚。 这是我的母版页: <body> <form id="form1" runat="server" style="height:100%;"> <asp:ScriptManag

    0热度

    1回答

    我正在尝试使三列布局延伸到使用Zurb基础网格的屏幕底部。 基本结构包括三列,每列都有一个标题在中心和一个独特的背景图像,以及一个页脚。 这就是我想要实现(其中三种颜色将背景图片): 的问题是,因为没有足够的内容来填满整个屏幕我的专栏不要伸展到底部。我已经能够使用这种技术将页脚固定到页面底部https://css-tricks.com/snippets/css/sticky-footer/。 但结

    1热度

    1回答

    我一直在试图解决这个问题几天。我看到很多问题,但没有一个解决方案似乎对我有用。 我有一个网站,有一个Bootstrap 3前端。我想要一个粘性底部页脚,并且我使用Bootstrap的navbar navbar-fixed-bottom样式来实现此目的。它正在工作,但问题是,当没有足够的空间时,内容将与页脚重叠。我希望能够滚动页脚和页眉的内容,并且我不希望页脚随内容一起滚动。 Here is the

    0热度

    1回答

    我正在尝试创建一个粘到页面底部(不固定)的粘页脚,并根据添加的内容向下移动。 在较大的屏幕上,页脚不粘。 查看这里:http://www.bootply.com/VxVeDahZzG

    0热度

    1回答

    我试过每个CSS的粘性页脚存在于互联网上的实现似乎,对于我的生活我无法弄清楚为什么它不工作为了我。 问题的代码是在这里:https://jsfiddle.net/7ck2xk2p/1/ 所以问题是页脚仍然只是坐在下的内容,而不是粘在页面的底部。 正如你可以看到,我最近一次尝试是由Ryan既成事实 * { margin: 0; } html, body { height: 100%;