防止iOS输入焦点从跳转页面到顶部

时间:2017-03-22 11:00:27

标签: javascript jquery html ios css

iOS中有一点恼人的错误

例如(在iphone上 - 原生)https://www.ambientlounge.eu/collections/butterfly-sofa-1/products/butterfly-wildberry-deluxe?variant=26941312775

如果点击底部的数量框,您会看到页面跳到顶部...无论如何都要保持页面位置,以防止这种情况发生?

我尝试了设置位置但没有工作的东西:

$(document).ready(function() {
  var yPos = window.pageYOffset || document.documentElement.scollTop;

  $('.sticky-product-qty input').bind('blur', function(){ 
    $("html, body").removeClass('stickyFix');
    //setTimeout(function() {
      window.scrollTo(0, yPos);
    //},0);
    console.log(yPos);
  });

  $('.sticky-product-qty input').bind('focus', function(){ 
    $("html, body").addClass('stickyFix');
    window.scrollTo(0, yPos);
  });
});

0 个答案:

没有答案