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.
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
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.