Question

我已经研究了这个问题，但无济于事。我正在使用Jquery的.contents方法将一些表单元素移动到持久性标头，因为用户滚动经过了包含div的元素。以下问题在台式机上正常运行，但在移动设备上不起作用；请在下面看到该问题的继续。

表单元素成功移动，可以很好地提交表单。但是，在移动版（iOS）上，用户点击select或text输入时，不会按预期弹出任何键盘UI。

值得一提的是，表单内容已被移至div标记内的持久性form 。

调查我的问题，表单输入的确触发了本机行为，但似乎只是片刻后便不集中。

我有一个发生此行为的版本：

https://drkn.com/collections/sweatshirts/products/shadow-zip-hoodie

用于实现此行为的代码在这里：

var $el = $('#options');
var offsetTop = $el.offset().top + $el.outerHeight();
var variant_content = $("#variants-container").contents();

$(window).scroll(function(){
  var scrollTop = $(window).scrollTop();

  if(scrollTop > offsetTop){
    $("#quick-add").addClass("show");
    $("#bar-variant").html(variant_content);
  } else {
    $("#quick-add").removeClass("show");
    $("#variants-container").html(variant_content);
  }
});

提前感谢您提供有关此问题的帮助！

Safari不会专注于通过Jquery .contents方法移动的输入

0 个答案: