0

div の 1 つでこのスティッキー コードが動作しています。デスクトップでしか動作しないのだろうかと思っていました... モバイルやタブレットで固執したくありません。

var $window = $(window),
   $stickyEl = $('#single_text'),
   elTop = $stickyEl.offset().top;

$window.scroll(function() {
    $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop);
});
4

1 に答える 1

0

ロジック自体は単純ですが、モバイル/タブレット デバイスの正確な検出は、すべてのデバイス、画面サイズ、ユーザー エージェントなどを考えると、最近では複雑になっています。

基本的に、モバイル/タブレットかどうかをテストし、それを変数 (true/false) に設定し、モバイルでない場合は JavaScript を実行する必要があります。

var isMobile = false;
if(mobileDetection == true) { // mobileDetection is the missing piece
    isMobile = true;
}

if(!isMobile) {
    // execute desktop-only JS
}

これらの資料を読むことをお勧めします。

于 2013-11-05T00:37:34.147 に答える