1. Bind the Click event to the body in iOS will fail
2. <div contenteditable= "true" ></div> in iOS can eject the keyboard but cannot enter it. Add a style-webkit-user-select:text to it.
3, disable long press the popup menu, will cause the input box in iOS cannot be entered
* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; User-select:none;}
Input,textarea {
-webkit-user-select:auto; /*webkit Browser */
margin:0px;
padding:0px;
Outline:none;
}
4. Using the on event binding in mobile iOS is invalid $ (' xx '). On (' Click ', Select,function () {})
1) Add the selector element style cursor:pointer;
2) switch the click to Touchstart
3) Replace XX with the parent element of SELECT
5, the iOS slide not fluent add the following code
-webkit-overflow-scrolling:touch;
However, fixed positioning and absolute location failure can be caused by the solution of the need to scroll part of the content and fixed positioning/absolute positioning in the same class
Record hybrid app development encounters the pit!!