如何使該scrollTop功能適合移動設備

Question

我已經在計算機上很好地運行了一個功能。 但是在手機上，位置只會在滾動停止時刷新。 這是一個已知的問題，我找到了答案，但是在功能運行中卻沒有得到。 也許你們之一可以幫助我。

我的功能：

$(window).scroll(function () {
    if ($(window).scrollTop() >600) {
        $('#logo').css('position', "fixed");
        $('#logo').css('top', 0);
    }
    else if($(window).scrollTop() < 600) {
        $('#logo').css('position', "relative");
        $('#logo').css('top', 600)
    }
});

在互聯網上，我發現了這一點，應該在我的功能中替換掉：

$('body').on({
    'touchmove': function(e) { 
        console.log($(this).scrollTop()); // Replace this with your code.
    }
});

或這個：

$('body').bind('touchmove', function(e) { 
    console.log($(this).scrollTop()); // Replace this with your code.
});

如果有人可以重寫我的功能，使其在手機中流暢運行，那就太好了。

編輯

我不久將解釋此功能的作用。 當您加載我的頁面時，會出現一個帶有標題的黑屏。 沒有其他的。 當您向上滾動標題時，標題應該通常向上移動，直到到達頂部為止。 當到達頂部時，將獲得“位置：固定”屬性。 向下滾動時，它將再次獲得“ position：relative”屬性。 沒有其他事情了。 但是在移動設備上，文本會向上滾動直到滾動停止（大多數情況下，將文本從屏幕上滾動出去）並彈出到固定位置。 但是當它修復后，一切都很好，它就在那里了。

Answer 1

問題可能出在固定位置，而不是在scrollTop 。 固定位置的元素不太適合移動。 其行為取決於移動設備和操作系統。

更多信息： http : //bradfrostweb.com/blog/mobile/fixed-position/