sticky-footer相关内容

带有粘性页脚 UIView 和动态高度内容的 UIScrollView

挑战时间! 假设我们有 2 个内容视图: 具有动态高度内容的 UIView(可扩展 UITextView)= RED UIView 作为页脚 = BLUE 此内容在 UIScrollView = GEEN 内 我应该如何构建和处理具有自动布局的约束以存档以下所有情况? 我正在考虑从下一个基本结构开始: - UIScrollView(总是垂直弹跳)- UIView ..
发布时间:2021-12-31 21:21:22 移动开发

如何制作粘性页脚并仍然能够制作可滚动的 flexbox 内容?

我正在尝试实现 粘性页脚(弹性盒版本).但是,如果我还希望能够在 flex: 1 div 中包含可滚动内容(这要求父母具有 height: 100%). 这是一个演示问题的小提琴:https://jsfiddle.net/gfaqLh42/6/ 如您所见,红色区域是可滚动的(min-height: 300px).请注意,即使视口不小于红色区域的最小高度 + 蓝色区域,页脚也在屏幕外. ..
发布时间:2021-12-31 13:23:26 前端开发

如何创建与 Bootstrap 3 兼容的粘性页脚

无论是否有顶部导航,网站都有粘性页脚是很常见的.Bootstrap 有一个工具可以轻松创建固定页脚,但没有这样的工具来创建粘性页脚 - 有很大的不同. 谷歌搜索这个问题会发现成百上千的开发者有同样的问题,但没有好的答案. 具有讽刺意味的是,Bootstrap 文档 页面本身在引导程序样式旁边有一个粘性页脚和一个固定的顶部导航栏.不过,这都是自定义 css,而不是框架的一部分.所以一个明 ..

Jquery Mobile 粘性页脚

我想要 Jquery Mobile 中的页脚,它不是固定的,但始终位于页面底部. 像这样:http://ryanfait.com/sticky-footer/(但在 JQuery 中Mobile),不像标准的 JQuery Mobile 固定页脚. 所以页脚应该出现在内容的末尾,或者屏幕的底部,以较低者为准. 关于如何解决这个问题的任何想法? 编辑: 基本问题是,我似 ..
发布时间:2021-12-27 20:02:22 前端开发

如何在此布局中使内容 100% 高度和等高列?

我有这样的布局,其中 my_menu 固定在顶部,然后是标题,然后是 960 像素的内容并居中,其中 3 列向左浮动,最后是粘性页脚. 问题是如何让内容拉伸到100%的高度即使任何一个子列中的内容不足? 无论任何列的高度如何,如何使 3 列的高度相等内容? 维护粘性页脚!纯 CSS,无 JavaScript,无jQuery! HTML 标记 ..
发布时间:2021-12-24 23:42:32 前端开发

Bootstrap 中的页脚,随内容延伸或粘在底部

我一直在寻找一种方法来为我正在处理的 Twitter Bootstrap 3 项目添加页脚. 我想要的是当内容太短而无法填满屏幕时页脚会粘在页面底部,但当内容填满屏幕时会被内容压低. 我找到的所有解决方案&到目前为止尝试过,要么没有工作,要么总是显示页脚,要么页脚在页面下方,所以它只能在滚动时可见. 提前致谢! 解决方案 2019 年更新 “固定"页脚和“粘性"页脚 ..
发布时间:2021-12-24 09:10:24 其他开发

Bootstrap 4 粘性页脚不粘

不确定为什么粘性页脚在 Bootstrap 4 中不起作用.我有一个 TYPO3 网站,我是初学者. 粘性页脚未粘贴在页面底部. 这是已呈现的页面源的副本. 我基本上是从 bootstraps docs 文件夹中复制 html 文件,然后对其进行修改并将其复制到我的 TYPO3 模板中. 如果我用内容填充页面,页脚不会粘住 - 我必须向下滚动页面才能看到它. ..
发布时间:2021-12-24 09:02:01 前端开发

如何在 HTML 和 CSS 中使用 html 对象编写粘性页脚?

我正在为我正在设计的两个网站使用 Less Framework 4.在这两种设计中,我都想在文档的顶部和底部应用 5 像素的边框. 问题:由于应用于 body 的样式,我将 border-bottom 和 border-top 应用于 html 对象,所以底部边框永远不会粘在页面底部,就像在通常的粘性页脚情况下一样. 以下是两种情况的截图: 这是我用于 html 和 body 的 ..
发布时间:2021-12-15 15:18:21 前端开发

Bootstrap 4 - 粘性页脚 - 动态页脚高度

我需要在我的页面上放置一个粘性页脚,但是我没有为我的页脚设置明确的高度.在较小的屏幕上 - 行调整大小,页脚变长. 因此,getbootstrap 上提供的默认粘性页脚示例不起作用,因为它需要固定的页脚高度. 有什么方法可以实现吗? /* 粘性页脚样式--------------------------------------------------*/html {位置:相对;最小高 ..
发布时间:2021-12-07 21:56:42 前端开发

底部的粘性 ScrollView 项目 - Android

我想实现一个粘在屏幕底部的粘性滚动视图项目.下面是几个屏幕截图来解释我的问题. 下面的屏幕显示了屏幕底部的固定视图/布局,上面写着“保存到并添加到购物袋" 当用户向下滚动页面时,布局/视图会随着页面滚动.如下图所示. 我尝试过的事情: 1.StickyScrollViewItems by emisjolander:https://github.com/emilsjoland ..
发布时间:2021-11-02 22:58:58 移动开发

在有很多 swipers 的页面上的移动 chrome 中跳转粘性页脚

我有一个包含大量图像内容的项目,在移动设计中有很多带有照片和滑动功能的块 https://swiperjs.com.在移动设备的chrome浏览器中,当有很多带有swiper的元素时,固定位置的footer在地址栏隐藏或显示的瞬间开始上下跳跃. 带有移动设备错误的 Gif:https://giphy.com/embed/PJ4sLlwts4ziBbCqcX ..在平板电脑上:https://g ..
发布时间:2021-09-03 18:31:02 前端开发

将页脚粘贴到底部在 Chrome 中不起作用(在 IE、Firefox、Safari 中有效)

在 http://ryanspahn.com/adsgrader2/index 你可以看到我有一个灰色页脚,在 IE、Safari 和 Firefox 中,页脚粘在底部.但在 Chrome 中,它并没有坚持到底——这很奇怪. 我使用堆栈上的以下方法创建了这个粘性页脚...... CSS 使 HTML 页面页脚以最小高度留在页面底部. 我想知道是否有人以前见过这个,或者有没有建议解决这个 ..
发布时间:2021-08-30 19:15:25 前端开发

布局页脚100%的宽度和内容,直到页脚

我被困住了,不知道如何解决.我的页脚有粘性,效果很好.但是我希望页脚宽度为100%.因此,我有一个外部div将页脚推到底部,而一个内容div居中. 通常,我会为整个外部div设置背景颜色.这意味着页眉,内容和页脚具有相同的背景色.我可以为每个div设置一种自定义颜色,该颜色会覆盖白色(覆盖层). 因为布局现在的宽度为100%,所以我无法使内容div具有被推到页脚的背景颜色. 还有 ..
发布时间:2021-04-26 20:51:18 前端开发