前几天做一个移动端的页面,要加个像微信那样附着在底部的回复框,按照做PC端网页的思路,首先是用fixed,在安卓上测了一下是好的,结果到朋友的iphone6p上就不行了,点击输入框之后它总会跳到屏幕中间去。后来才知道这是ios下一个普遍的bug,所以我决定把原因和解决方案整理一下,以方便后人。网上有的人说用那个iscroll.js来解决,不过那样会出现很多样式上的冲突,而且为了一个fixed的bu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-25 10:10:20
                            
                                220阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            fixed在移动端是个坑,兼容性就是个极品。ios的bug比较多,详见https://github.com/maxzhang/maxzhang.github.com/issues/2 作者建议我们安卓还是使用fixed比较好,ios用iscroll来填坑比较好关于fixed一些小细节还可以参考一下:https://github.com/maxzhang/maxzhang.github.com/is            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-03-31 21:59:51
                            
                                1221阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    transform: translateZ(0);//解决ios固定定位问题            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-07 11:44:45
                            
                                1653阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            其实在安卓机上fixed的适应性要远远比ios上好,真是接地气啊哈哈。之前第一次遇到这个问题的时候非常惊讶,那时候在用sui mobile的组件库,里面就有底部导航栏,用了fixed。但是随着屏幕向上滚动,超过一定距离,这个底部导航栏竟然也跟着上去了。并且在我的安卓机上是没多大影响,但是在ios上就这样了。不过我同事的安卓机竟然比在ios上还夸张。什么原因导致的?经过我多方调研,其实移动端在...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-06-30 16:34:02
                            
                                695阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            其实在安卓机上fixed的适应性要远远比ios上好,真是接地气啊哈哈。之前第一次遇到这个问题的时候非常惊讶,那时候在用sui mobile的组件库,里面就有底部导航栏,用了fixed。但是随着屏幕向上滚动,超过一定距离,这个底部导航栏竟然也跟着上去            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-03-29 14:32:54
                            
                                234阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如何实现“iOS移动端底部按钮不能fixed”
作为一个经验丰富的开发者,我将教你如何实现iOS移动端底部按钮不能fixed。首先,让我们来了解一下整个流程,然后我会告诉你每一步需要做什么,以及需要使用的代码。
流程图如下:
```mermaid
flowchart TD
    A[开始] --> B(创建一个普通的按钮)
    B --> C(添加一个约束)
    C --> D(底            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-01-09 07:56:24
                            
                                86阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            http://efe.baidu.com/blog/mobile-fixed-layout/            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2016-01-31 16:11:12
                            
                                714阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            苹果iOS系统的封闭性一直广为其他语言(如Java)开发者诟病,但随着第三方工具的不断壮大,开发人员逐渐摆脱政策束缚,开始使用自己熟悉的语言来编写iOS本地应用,或将其他平台上的应用移植到iOS上。 本文为你介绍5款开源的开发工具,帮助你使用Java轻松开发iOS应用。 1.  Codename One Codename One是一个针对移动应用开            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-25 16:56:30
                            
                                83阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            详情介绍更新iOS11后,发现有些地方需要做适配,整理后按照优先级分为以下三类:1.单纯升级iOS11后造成的变化;2.Xcode9 打包后造成的变化;3.iPhoneX的适配一、单纯升级iOS11后造成的变化1. 升级后,发现某个拥有tableView的界面错乱,组间距和contentInset错乱,因为iOS11中 UIViewController 的 automaticallyAdjusts            
                
         
            
            
            
            1. 问题描述 app内打开H5页面,页面包含input输入框,点击input调起软键盘,输入完成点击下方提交按钮弹出toast时,会出现t toast 跳动的现象,其中:toast采用 position: fixed 进行固定定位 2. 分析原因 关于 position: fixed 首先来看,M            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-10-18 14:19:00
                            
                                740阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            第一种ios上面父元素设置了下面这个css导致fixed定位改变为当前父元素-webkit-overflow-scrolling: touch            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-11 10:36:15
                            
                                112阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 iOS下的 Fixed + Input BUG现象 让我们先            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-04-03 17:09:00
                            
                                119阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            # iOS中固定定位与移动定位详解
在进行iOS开发时,我们常常需要处理视图的布局和位置问题。iOS中的布局方式可以分为“固定定位”和“移动定位”两种。本文将详细介绍这两种布局方式,并提供代码示例以及相关的流程图和饼状图。
## 固定定位与移动定位
**固定定位**是指UI元素相对于其父视图的位置是固定的,不会随滚动或其他视图的变化而改变。例如,UIImageView或UILabel可以使用            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-05 06:50:55
                            
                                58阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在移动端使用fixed布局存在兼容性问题,因此使用absolute布局来代替效果演示 src/app.vue里打好框架
      头部导航    
        内容区域      
      底部导航    
  export default {
    name: 'App',
  }" _ue_custom_node_="true">
  .g-container{
    po            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-18 15:17:47
                            
                                351阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            # iOS端fixed定位失效问题的科普文章
在现代网页开发中,使用 CSS 进行布局是不可避免的。其中,`fixed` 定位是一种非常常用的定位方式,特别是在构建响应式网页时。然而,在 iOS 设备上,开发者常常会遇到 `fixed` 定位失效的问题。这篇文章将探讨这一问题的成因,并给出解决方法,最终提供代码示例和相关流程图展示。
## 什么是 `fixed` 定位?
在 CSS 中,`f            
                
         
            
            
            
            /* ****************************************移动端**************************...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-23 16:55:47
                            
                                160阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            智能手机和平板设备的高选用率最终导致了移动web开发人员和设计人员的需求增长,jQuery Mobile框架允许你创建出可与本地化应用开发结果相谐美的移动web体验,其通过web浏览器提供了到应用和网站的即时访问,而不是让用户下载和安装 移动应用。了解如何使用jQuery Mobile的主题化框架来创建品牌定制的移动网站和web应用。  jQuery Mobile框架是一个JavaScript库,            
                
         
            
            
            
            第七章 移动端数据的爬取基于某一款抓包工具 : fiddler ,青花瓷 ,miteproxy7.1 fiddler 基本配置 7.1.1fiddler简介和安装什么是Fiddler?Fiddler是位于客户端和服务器端的HTTP代理,也是目前最常用的http抓包工具之一 。 它能够记录客户端和服务器之间的所有 HTTP请求,可以针对特定的HTTP请求,分析请求数据、设置断点、调试web应用、修改            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-08 18:46:49
                            
                                224阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目标能够知道移动web的开发现状 能够写出标准的viewport 视口 能够使用移动web的调试方法 能够说出移动端常见的布局方案 能够描述流式布局 能够独立完成移动端页面1.移动端基础浏览器现状 pc端常见浏览器 360,谷歌,火狐,qq,百度,搜狗,IE 移动端常见浏览器 uc,qq,欧朋,百度手机,360安全,谷歌,搜狗手机,猎豹 国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-11 10:47:48
                            
                                99阅读
                            
                                                                             
                 
                
                                
                    