账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    请问这两种布局方式的优劣？
    28
    0

    比如说在手机端有这样一个非常常规的布局，顶部和底部的固定，中间为一个超过一屏的滚动内容。
    一般来说对于这种结构的页面，通常有两种布局方式
    （1）考虑到手机端对fixed支持的不太好，那么完全可以在最外层包裹一个宽高100%,绝对定位为的外层容器，在内部用abusolute把顶地分别固定在最上面和最下面，中间内容宽高100%，用padding留出顶和底的位置，overflow:scroll即可。

    （2）另外一种则是在中间内容区域使用overflow:hidden;
    然后使用js去记录手指的滚动区域，然后动态改变translate3d的Y值。

    请问各位前辈，从解决方案上来看，第二种明显是比第一种复杂的，那么为什么很多网站反而选择了第二种方案呢？第一种方案有什么缺陷吗？
    先谢过大家了~

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • cuan妹， 普通会员 1楼

      这取决于你想要实现的布局效果。第一种布局方式可能会使页面的元素分布更均匀，第二种布局方式可能会使页面元素更容易看到，但可能会影响页面的可读性。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部