เมื่อใช้ไอออนิกเพื่อพัฒนาระบบ WeChat สำหรับ iOS จะมีปัญหา เมื่อกรอกแบบฟอร์มแป้นพิมพ์จะบล็อกกล่องอินพุต ในความเป็นจริงมันไม่ใช่ปัญหาใหญ่ ตราบใดที่ผู้ใช้ป้อนคำเขาสามารถเห็นกล่องอินพุตได้ทันที
น่าเสียดายที่ลูกค้าบางรายไม่มีเหตุผลและไม่สนใจปัญหานี้ อย่างไรก็ตามพวกเขาไม่สามารถทำได้ ทันใดนั้นพวกเขาก็ตื่นขึ้นมาขณะนอนหลับวันหนึ่งและทำแผนนี้ขึ้นมา
ฉันจะไม่พูดถึงรหัสอย่างระมัดระวังเพียงไปที่ภาพ
Angular.Module ('MyApp'). Directive ('Focusinput', ['$ ionicscrolldelegate', '$ window', '$ timeout', '$ ionicposition', ฟังก์ชั่น ($ ionicscrolldelegate, $ window, $ timeout, $ ionicposition) คอนโทรลเลอร์) {ถ้า (ionic.platform.isios ()) {ielm.on ('โฟกัส', ฟังก์ชั่น () {var top = $ ionicscrolldelegate.getScrollposition (). top; var eletop = (ionicposition.Offset (IELM) {$ ionicscrolldelegate.scrollto (0, realtop);} else {ลอง {var imp = angular.element (เอกสาร) .find ('. scroll') aim.css ('transform', 'translate3d (0px,' + '-' + realtop + 'px, 0px) {ielm [0] .focus (); console.log (2);}, 100)} catch (e) {}}}, 500)})}}}}])