Kommen wir nun zu den Entwicklungsanforderungen. Wenn die Webseite viel Inhalt hat, benötigen Benutzer eine Schaltfläche, um schnell zum Anfang zurückzukehren, anstatt selbst das Rad zu drehen ~
Das hatte ich ursprünglich gedacht Schwer zu sagen, da für die Implementierung alle js erforderlich sind, auf welche Seite verwiesen wird und welche Seite angezeigt wird.
Also habe ich versucht, es aufzuschreiben, äh, ich habe es nicht gefunden, es ist ziemlich einfach zu sagen~~
Ich werde so schnell wie möglich furzen, gehe direkt zu Der Code, es gibt viele Fürze. Es wird Scheiße. ~~ Nun, Sünde, Amitabha, Amen ~~
//Zurück zum Anfang js
$(function(){
var $btn_top = $('');
$btn_top.css({
'display':'none',
'width':'40px',
'height':'40px',
'position':'fixed',
'right':' 20px',
'bottom' :'100px',
'z-index':'999'
});
$("body").append($btn_top); >$("body").on ("click","#scrollTopBtn",function(){
$("html,body").animate({scrollTop: 0},"slow");
});
var $ btn = $("#scrollTopBtn");
if($(window).scrollTop() > 100){
$btn.fadeIn(600); >}
$(window) .scroll(function(){
if($(window).scrollTop() > 100){
$btn.fadeIn(600);
}else {
$btn.fadeOut( 600);
}
});
Ich verwende einfach den absoluten Pfad „css /web/images/" scrollTop.png“