Hallo,
auf der Seite habe ich das jquery.ui.totop.js Plugin eingebaut leider wird das nur auf der Dektop Version angezeigt sobald ich das Fenster verkleinere ist der Button toTop weg...
Wo kann ich das in dem Plugin Script einstellen das er den Button toTop auch auf anderen Ausgabegeräten anzeigt?
Kann mir da jemand dabei helfen?
Danke schon mal jetzt für Eure Hilfe!
Hier mal der Code vom Plugin:
- - - Aktualisiert - - -
Sorry hab das css komplett übersehen vor lauter js ;-)
Ist erledigt!
auf der Seite habe ich das jquery.ui.totop.js Plugin eingebaut leider wird das nur auf der Dektop Version angezeigt sobald ich das Fenster verkleinere ist der Button toTop weg...
Wo kann ich das in dem Plugin Script einstellen das er den Button toTop auch auf anderen Ausgabegeräten anzeigt?
Kann mir da jemand dabei helfen?
Danke schon mal jetzt für Eure Hilfe!
Hier mal der Code vom Plugin:
PHP:
(function($){
$.fn.UItoTop = function(options) {
var defaults = {
text: '',
min: 500,
scrollSpeed: 800,
containerID: 'toTop',
containerClass: 'toTop fa fa-angle-up',
easingType: 'linear'
};
var settings = $.extend(defaults, options);
var containerIDhash = '#' + settings.containerID;
var containerHoverIDHash = '#'+settings.containerHoverID;
$('body').append('<a href="#" id="'+settings.containerID+'" class="'+settings.containerClass+'" >'+settings.text+'</a>');
$(containerIDhash).hide().click(function(){
$('html, body').stop().animate({scrollTop:0}, settings.scrollSpeed, settings.easingType);
$('#'+settings.containerHoverID, this).stop().animate({'opacity': 0 }, settings.inDelay, settings.easingType);
return false;
})
$(window).scroll(function() {
var sd = $(window).scrollTop();
if(typeof document.body.style.maxHeight === "undefined") {
$(containerIDhash).css({
'position': 'absolute',
'top': $(window).scrollTop() + $(window).height() - 50
});
}
if ( sd > settings.min )
$(containerIDhash).stop(true,true).fadeIn(600);
else
$(containerIDhash).fadeOut(800);
});
};
})(jQuery);
- - - Aktualisiert - - -
Sorry hab das css komplett übersehen vor lauter js ;-)
Ist erledigt!
Code:
@media only screen and (max-width: 1399px) {
.toTop {
/*display: none !important;*/
}
}
Zuletzt bearbeitet von einem Moderator: