Heim >Backend-Entwicklung >PHP-Tutorial >Verschieben Sie auf der Webseite die Schriftgröße nach unten, um größer zu werden, und nach oben, um kleiner zu werden.

Verschieben Sie auf der Webseite die Schriftgröße nach unten, um größer zu werden, und nach oben, um kleiner zu werden.

WBOY
WBOYOriginal
2016-09-21 14:12:551717Durchsuche

Wenn die Webseite nach unten verschoben wird, wird die Schriftgröße automatisch größer. Wenn die Webseite nach oben verschoben wird, wird die Schriftgröße automatisch kleiner.
So sieht es aus

Antwortinhalt:

Wenn die Webseite nach unten verschoben wird, wird die Schriftgröße automatisch größer. Wenn die Webseite nach oben verschoben wird, wird die Schriftgröße automatisch kleiner.
So sieht es aus

<code>http://www.rongmeienze.com/statics/js/theme_trust.js
监听滚动事件,然后得到滚动条的scrollTop,再计算字体大小的
jQuery('.b_2 h1').css({
        'font-size' : (scrollPos/6)+"px" ,
       'opacity' : 0+(scrollPos/500)
    });</code>

Es ist nicht nötig, das JS anderer Leute zu verwenden. Schreiben Sie es einfach selbst

<code>jQuery(window).scroll(function() {         
          var  scrollPos = jQuery(this).scrollTop();
          jQuery('.youClass h1').css({   //这里是你需要改变大小的对象
        'font-size' : (scrollPos/6)+"px" ,
       'opacity' : 0+(scrollPos/500)
    });    
        });</code>

PS: Beurteilen Sie die Größe am besten nach Ihren Bedürfnissen. Es kann sich nicht auf Null reduzieren ~ Mit Ihrer Demo-Site stimmt immer noch etwas nicht.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn