form表单中的button按钮如何固定在ifram弹出层的右下方

提问 已结
12 96
IT_bai
IT_bai 2018-8-7
悬赏:20飞吻
版本:layui 浏览器:谷歌
用style="position:absolute/fixed; left:0; bottom:0;" 是可以固定在右下方,但是一旦出现form表单行数太多 按钮就在form框上 就这样似的 有没有办法在form表单出现滚动条还是一直在最下方,而不遮挡表单中的行 就跟手机输入法这样的, 因为没在电脑前,是web应用,只能这样求大神解答了, 希望大家能明白我的意思了[泪]
补充一下截图
回帖
  • 茉莉
    7天前
    @IT_bai 叫我姐姐[黑线] 有这么老吗
    你的按钮是你自己单独写的吧,那你弹窗里面的所有表单列表外面父加一下类限制一下高度:比如:
    .xxx{
    max-height:800px;
    overflow-y:auto;
    }
    然后你的按钮包含一个父类也定义一下:
    .xxx-btns{
    position:fixed; right:0;bottom:0;
    }
    0 回复
  • 茉莉
    7天前
    一直固定在页面右下方是吧:
    你的写法改一下就行:
    position:fixed; right:0; bottom:0;
    0 回复
  • IT_bai
    7天前
    @茉莉 已补充截图 姐姐
    在再瞅一下
    0 回复
  • IT_bai
    7天前
    @茉莉 棒棒哒,, 小姐姐 新手 ...看我的名字 就叫小白
    有用过扩展的select多选的么 后台数据已发送到前台 但是显示不出来 是css冲突么
    0 回复
  • 茉莉
    7天前


    是不是被隐藏了
    0 回复
  • IT_bai
    7天前
    @茉莉 不是 去掉还不行 不知道和那冲突了吧 对了上面那个max-height不能用固定px高度 在更低的分辨率就会出现问题了
    0 回复
  • 茉莉
    7天前
    @IT_bai 更低分辨率是多少呢,那你改成最低的分辨率高度,或者你用jq获取一下屏幕的高度减去其他元素的高度也能自适应了
    0 回复
  • IT_bai
    7天前
    @茉莉 嗯 是了 以后喊你师傅
    0 回复
  • IT_bai
    7天前
    @茉莉 减的还不能固定了,,在低分辨率可能留空很少 但在高分辨率 可能留空很多
    0 回复
  • 茉莉
    7天前
    @IT_bai
    我以前看到人家分享的一个贴,你试试:
    http://fly.layui.com/jie/30931/

    关于设置area自适应的,你试下行不行吧
    0 回复
  • IT_bai
    7天前
    @茉莉 vw、vh、vmin、vmax 主要用于页面视口大小布局,相对于rem;v*在页面布局上更加方便简单

    vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。
    vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。
    vmin:vw和vh中较小的那个。
    vmax:vw和vh中较大的那个。

    vw逻辑非常清晰,"1vw = 1/100th viewport width",用viewport width的百分比来设置element width。

    vw被支持的太晚是其并不流行的根本原因,而当时移动端web app/page的开发需求已经十分旺盛,弹性布局是一种不错的移动端界面兼容展现方式,对于rem机遇就此而来,便成为一个实现弹性布局效果的极佳方案。


    是的 可以
    0 回复
  • 茉莉
    7天前
    @IT_bai [可爱] 看来你挺有研究的,我比较少用那些单位
    0 回复