Maison  >  Article  >  interface Web  >  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

WBOY
WBOYoriginal
2016-05-16 16:57:531131parcourir

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)
}

Déclaration:
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