Maison > interface Web > js tutoriel > Exemple de code similaire aux détails du produit Tmall se déplaçant avec le navigateur_jquery

Exemple de code similaire aux détails du produit Tmall se déplaçant avec le navigateur_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2016-05-16 16:57:53
original
1192 Les gens l'ont consulté

Pour utiliser cette fonction, elle doit être intégrée au package jquery

Principe : Lorsque le navigateur se déplace vers une position spécifiée, le calque flotte vers le haut, puis un style est ajouté pour positionner le calque div en haut de le navigateur

Copier le code Le code est le suivant :

//Contrôler l'affichage du head shopping cart
function fixshow( min_height){
min_height ? min_height = min_height : min_height = 830;
$(window).scroll(function(){
var s = $(window). scrollTop();
if( s > min_height){
$("#proBuyTip").fadeIn(100);
$(".fixtabwrap").addClass("topfixed"); 🎜>}else{
$ ("#proBuyTip").fadeOut(200);
$(".fixtabwrap").removeClass("topfixed");
};




Copier le code Le code est le suivant : .topfixed {
position : corrigée !
top : 0px ;
gauche : 0px ;
largeur : 100 % ; couleur : blanc ;
position : absolue ;
_top : expression(eval(document.documentElement.scrollTop)
}

Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal