html iOS固定输入焦点时的绝对定位

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html iOS固定输入焦点时的绝对定位相关的知识,希望对你有一定的参考价值。

<script>
  // ---- iOS fix for absolute positioning while input focus ---- //
  if (typeof Modernizr !== 'undefined' && Modernizr.touch) {
  	var $body = jQuery('body');
  	$(document)
  	.on('focus', 'input,select,textarea', function(e) {
  		$body.addClass('fixfixed');
  	})
  	.on('blur', 'input,select,textarea', function(e) {
  		$body.removeClass('fixfixed');
  	});
  }
</script>

<style>
  /* iOS fix for absolute positioning while input focus */
  .fixfixed .mobile-footer,
  .fixfixed .mobile-menu {display:none;}
</style>

以上是关于html iOS固定输入焦点时的绝对定位的主要内容,如果未能解决你的问题,请参考以下文章

绝对定位模拟固定定位效果...

HTML定位——绝对定位和相对定位固定定位

webbasic之相对定位绝对定位固定定位

讲讲相对定位、绝对定位、固定定位的理解?

移动h5开发中遇到的问题

HTML+CSS:css定位详解之相对定位绝对定位和固定定位