Question

我有javascript函数，向下移动img向右滚动，并且在桌面上运行正常。它＆＃34;假货＆＃34; position: fixed而这在手机上搞砸了。

因为在手机上滚动的速度比在桌面上快，我的fake position:fixed div不再fixed，它们会上升并返回。

http://jsfiddle.net/denea/3gn6abq8/50/embedded/result/ 在桌面上工作正常，但如果你从手机访问它不是。

我尝试用它来消除它（负值也不起作用）：

$(document).ready(function(){

  var dontHandle = false;
    $('#home').on('scroll', function() {
        if (dontHandle) return; // Debounce this function.
        dontHandle = true;
  var dist = $(this).scrollTop();

  $("#header").css("top", dist);
  $('#cars').css('left', dist * 2);

   window.setTimeout(function() {
            dontHandle = false;
        }, 1); // Debounce!--let this handler run once every 1 milliseconds.

});
});

但没有成功。

我认为如果有办法减慢手机上的滚动过程，就可以解决问题。还有其他任何想法都会很棒。

Answer 1

我最终使用nicescroll，正如 Thomas 所建议的那样。

如果有人需要它，在这里你会得到较慢的滚动：http://jsfiddle.net/denea/JPA4R/149/

Javascript函数减慢滚动速度

1 个答案: