Warum verursacht dieses Skript "nach oben scrollen" einen Typfehler? jQuery Konflikt

Question

Ich habe mehr jQuery Leiden, in dem meine Scroll nach oben Skript funktioniert nicht.

Ich habe zahlreiche Skripte versucht, aber jedes Mal, wenn ich den Fehler:

TypeError: undefined is not an object (evaluating '$target.offset().top')

jQuery(document).ready(function($){ 
    $(window).scroll(function(){ 
     if ($(this).scrollTop() > 100) { 
      $('.scrollup').fadeIn(); 
     } else { 
      $('.scrollup').fadeOut(); 
     } 
    }); 
    $('.scrollup').click(function(){ 
     $("html, body").animate({ scrollTop: 0 }, 600); 
     return false; 
    }); 
}); 

Dies auf einer Wordpress-Website verwendet wird, und Wordpress Lasten jQuery in keinem Konflikt-Modus.

jQuery ist wirklich der Fluch meines Lebens im Moment. Vielen Dank.

EDIT:

Es sieht aus wie es mit diesem in Konflikt, die auch auf der gleichen Seite. Ich muss beide Seite an Seite arbeiten.

var $ = jQuery.noConflict(); 

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 

     var target = this.hash; 
     var $target = $(target); 

     $('html, body').stop().animate({ 
      'scrollTop': $target.offset().top - 50 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    }); 
}); 

Answer 1

Entschuldigung, ich kann nicht kommentieren also hier Posten. Ich kopiere/Ihren Code eingefügt, es funktioniert auf jsfiddle: https://jsfiddle.net/ahy1mauc/

$(window).scroll(function(){ 
    if ($(this).scrollTop() > 100) { 
     $('.scrollup').fadeIn(); 
    } else { 
     $('.scrollup').fadeOut(); 
    } 
}); 

Mit JQuery 1.12: (noch $ (Fenster) verwendet wird).

Answer 2

Ihr jQuery Kompatibilitätsproblem. Verwenden Sie in Ihrem Skript "jQuery" anstelle von "$", wo immer Sie es verwenden.