Maison > Article > interface Web > page Web jquery retour au premier effet (fondu d'icône, écriture automatique)_jquery
Eh bien, venons-en aux exigences de développement. Lorsque la page Web a beaucoup de contenu, les utilisateurs doivent avoir un bouton pour revenir rapidement en haut, au lieu de faire tourner la roue eux-mêmes ~
Au départ, je pensais que ce serait le cas. difficile à dire, car ce qui précède nécessite que tout soit utilisé js pour implémenter, quelle page est référencée et quelle page est affichée.
Alors, j'ai essayé de l'écrire, hein, j'ai pas trouvé, c'est assez facile à dire~~
Je vais péter dès que je peux, va directement sur le code, y'a plein de pets Ça devient de la merde~~ Bon, péché, Amitabha, Amen~~
//Retour en haut js
$(function(){
var $btn_top = $('');
$btn_top.css({
'affichage':'aucun',
'largeur':'40px',
'hauteur':'40px',
'position':'fixe',
'droite':' 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);
}
});
Trouvez simplement l'image vous-même. /web/images/" scrollTop.png”