mui底部按钮问题,使按钮一直在屏幕下端固定不动,中间内容上下滑动

zhouheblog zhouheblog     2022-12-02     421

关键词:

按钮:
position: ‘fixed‘,
bottom: 0;

如果 按钮覆盖了容器的内容,容器加个padding-bottom就行了

容器:
padding-bottom: 100px;

这样的话,按钮会固定在手机屏幕的底部,如果要居中的话要设置

按钮

margin:auto;

left:0;

right:0;

如何使按钮静态并固定在底部

】如何使按钮静态并固定在底部【英文标题】:Howtomakebuttonstaticandfixedatbottom【发布时间】:2021-07-2119:50:29【问题描述】:我正在使用tailwindCSS并制作一个页面,它使用Next和Back按钮在页面之间导航。但问题是当页面上的内容较少... 查看详情

如何在列表视图下方放置固定按钮?

...,并且列表视图是可滚动的。我设法使按钮始终位于屏幕底部,但我希望它直接位于列表视图下方,而列表视图小于屏幕。我 查看详情

iOS自动布局未在底部固定空间显示按钮

】iOS自动布局未在底部固定空间显示按钮【英文标题】:iOSautolayoutnotdisplayingbuttonatfixedspacefrombottom【发布时间】:2014-01-2812:38:21【问题描述】:我想在距屏幕底部固定距离处显示一个按钮(下图中的蓝色方块)。以下是限制条件... 查看详情

如何使用自动布局将按钮放在屏幕底部

】如何使用自动布局将按钮放在屏幕底部【英文标题】:howdoiputbuttonatbottomofscreenusingautolayout【发布时间】:2018-08-3020:17:26【问题描述】:我需要在屏幕底部制作一个按钮,但我遇到了iPhone4s的问题,所以请看一下屏幕截图Screensho... 查看详情

将按钮中间放在手机屏幕底部(无论屏幕大小)

】将按钮中间放在手机屏幕底部(无论屏幕大小)【英文标题】:Placemiddleofbuttonatthebottomofphonescreen(regardlessofthescreensize)【发布时间】:2016-07-1817:42:03【问题描述】:我想问如何设置一个约束,使按钮的中间位于屏幕底部以适应... 查看详情

如何将按钮固定到视图 Storyboard iOS 的底部

】如何将按钮固定到视图StoryboardiOS的底部【英文标题】:HowtopinbuttontobottomofviewStoryboardiOS【发布时间】:2014-02-2302:52:46【问题描述】:我有一个按钮需要“粘贴”到3.5英寸和4英寸iPhone上的主视图底部。目前,我可以将它移动到3.... 查看详情

手机端sticker布局,底部按钮在屏幕底部

<template><divclass="product-detail-container"><divclass="detail"><divclass="detail-wrapper"><divclass="detail-main">高度没有满屏,则关闭按钮固定在屏幕底部,若满屏,则关闭按钮跟着页面底部<!--<div> 查看详情

强制按钮停留在手机屏幕底部

】强制按钮停留在手机屏幕底部【英文标题】:Forcingabuttontostayatthebottomofaphonescreen【发布时间】:2011-05-1417:18:08【问题描述】:我的布局中有一个按钮,我希望它始终位于手机屏幕的底部。问题是android:layout_gravity="bottom"只将... 查看详情

根据设备调整按钮宽度和高度

...空间的1/2。使用约束,我将左下按钮固定在屏幕的左侧和底部,将右下按钮固定在屏幕的底部和右侧。我设置了左侧按钮 查看详情

如何在 UI 底部的固定位置设置按钮?

】如何在UI底部的固定位置设置按钮?【英文标题】:howtosetabuttonatafixedlocationonthebottomofUI?【发布时间】:2011-09-2501:11:07【问题描述】:我希望一个按钮始终出现在固定位置,在UI的页脚中؟(总是,如果它上面有组件)【问题讨... 查看详情

如何在嵌套线性布局中将按钮与屏幕底部对齐[重复]

】如何在嵌套线性布局中将按钮与屏幕底部对齐[重复]【英文标题】:HowtoalignbuttontobottomofscreeninNestedLinearLayouts[duplicate]【发布时间】:2018-06-1801:57:54【问题描述】:我正在尝试将按钮与屏幕底部对齐,但它没有移动。最后一个按... 查看详情

按钮在约束布局中没有完全粘在屏幕底部

】按钮在约束布局中没有完全粘在屏幕底部【英文标题】:Buttondoesn\'tfullysticktobottomofscreeninconstraintlayout【发布时间】:2020-05-2418:58:06【问题描述】:我将一个按钮约束在屏幕底部,可惜屏幕底部边框和按钮底部边框之间有一个... 查看详情

Android如何使按钮适合各种屏幕尺寸

...的另一部测试手机(HTCDesireC)上,屏幕上有几个按钮。底部的2个按钮和文本视图不见了。如何使整个布局适合各种屏幕尺寸?我 查看详情

我怎么能把一些按钮放在屏幕底部但是呢?

】我怎么能把一些按钮放在屏幕底部但是呢?【英文标题】:HowcanIputsomebuttonsonthebottomofthescreenbut?【发布时间】:2019-11-2311:51:30【问题描述】:我想在屏幕底部放置一些按钮,但不使用栏,因为我希望这些按钮保持在其他小部件... 查看详情

滚动时始终在屏幕底部显示 LinearLayout 中的按钮

】滚动时始终在屏幕底部显示LinearLayout中的按钮【英文标题】:ShowButtoninLinearLayoutalwaysonBottomofthescreenwhileScrolling【发布时间】:2015-06-0519:57:37【问题描述】:我有一个带有一些元素的LinearLayout,它位于ScrollView中。现在我想在屏... 查看详情

使用单独的按钮在 JQUERY Mobile 中触发可折叠

...阅读更多内容。当折叠器展开时,有一个固定按钮,屏幕底部会显示关闭,这样您就不必滚动回顶部来关闭折叠器。我想要做的是使用屏幕底部的固定关闭按钮 查看详情

无法将按钮定位到屏幕底部

】无法将按钮定位到屏幕底部【英文标题】:Unabletopositionabuttontothebottomofscreen【发布时间】:2016-06-2202:26:58【问题描述】:我试图在底部对齐两个按钮(“重置”和“应用”),但它总是将自身与屏幕顶部对齐`<?xmlversion="1.0"en... 查看详情

如何在页面底部但在(未固定)页脚上方制作固定的“转到顶部”按钮?

】如何在页面底部但在(未固定)页脚上方制作固定的“转到顶部”按钮?【英文标题】:Howtomakeafixed"gototop"buttononthepagebottom,butabovethe(notfixed)footer?【发布时间】:2018-08-2600:22:30【问题描述】:我已经制作了一个页面(在... 查看详情