ΠΠ° ΠΌΠΎΠΉ Π²Π·Π³Π»ΡΠ΄ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ»Π΅Π·Π½Π°Ρ Π²Π΅ΡΡ »Β ΠΠ½ΠΎΠΏΠΊΠ° Π²Π²Π΅ΡΡ Β «. ΠΠ΅Π»ΡΡΡ Ρ ΠΠ°ΠΌΠΈ ΡΡΠΈΠΌ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΡΠΌ Π² ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ΅ ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΡΠΌ Π° ΡΠ°Π±ΠΎΡΠ΅ ΡΠΊΡΠΈΠΏΡΠΎΠΌ.
ΠΠΎΠΌΡ Π½ΡΠΆΠ΅Π½, ΡΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ Π½ΠΈΠΆΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΠΉ ΠΊΠΎΠ΄ Π² ΡΠ°ΠΉΠ» footer.phpΒ ΠΏΠ΅ΡΠ΅Π΄ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌΡΡ ΡΠ΅Π³ΠΎΠΌ </body>Β ΠΠ°ΡΠ΅ΠΉ ΡΠ΅ΠΌΡ:
[php]
<div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"><img src="https://my-soft.moy.su/_ld/12/61058142.png" alt="Π Π²Π΅ΡΡ
ΡΡΡΠ°Π½ΠΈΡΡ" title="Π Π²Π΅ΡΡ
ΡΡΡΠ°Π½ΠΈΡΡ" border="0"/></div>
<div style= "position:fixed; right:0.1%; bottom:41%;" id="nav_down"><img src="https://my-soft.moy.su/_ld/12/91749186.png" alt="Π Π½ΠΈΠ· ΡΡΡΠ°Π½ΠΈΡΡ " title="Π Π½ΠΈΠ· ΡΡΡΠ°Π½ΠΈΡΡ" border="0"/></div>
<script type="text/javascript">
jQuery(function() {
var overelem = jQuery(‘body’);
jQuery(‘#nav_up’).fadeIn(‘slow’);
jQuery(‘#nav_down’).fadeIn(‘slow’);
jQuery(‘#nav_down’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: overelem.height()}, 800);
}
);
jQuery(‘#nav_up’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: ‘0px’}, 800);
}
);
});
</script>
[/php]
ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ ΡΠΊΡΠΈΠΏΡΠ°:
ΠΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ ΡΠΊΡΠΈΠΏΡ ΠΈΠΌΠ΅Π΅Ρ Π΄Π²Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ β Π²Π²Π΅ΡΡ -Π²Π½ΠΈΠ·Β β.
ΠΡΠ»ΠΈ Π½ΡΠΆΠ½Π° ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ° — » Π²Π²Π΅ΡΡ «, ΡΠΎ ΠΊΠΎΠ΄ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ°ΠΊ:
[php]
<pre><div style= "position:fixed; right:0.1%; bottom:45%;" id="nav_up"><img src="https://site.ru/img1.png" alt="Π Π²Π΅ΡΡ
ΡΡΡΠ°Π½ΠΈΡΡ" title="Π Π²Π΅ΡΡ
ΡΡΡΠ°Π½ΠΈΡΡ" border="0"/></div>
<script type="text/javascript">
jQuery(function() {
var overelem = jQuery(‘body’);
jQuery(‘#nav_up’).fadeIn(‘slow’);
jQuery(‘#nav_down’).fadeIn(‘slow’);
jQuery(‘#nav_down’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: overelem.height()}, 800);
}
);
jQuery(‘#nav_up’).click(
function (e) {
jQuery(‘html, body’).animate({scrollTop: ‘0px’}, 800);
}
);
});
</script>
[/php]
Π³Π΄Π΅ «https://site.ru/img1.png» — Π½ΡΠΆΠ½ΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ Π½Π° Π°Π΄ΡΠ΅Ρ ΠΠ°ΡΠ΅ΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ.
ΠΡΠ»ΠΈ ΠΡ Ρ
ΠΎΡΠΈΡΠ΅ ΠΠ°ΡΡΠΈΠ½ΠΊΡ ΠΠΊΠΎΠ½ΡΠ°ΠΊΡΠ΅ ΠΈ ΠΊΠ°ΠΊ Ρ ΠΌΠ΅Π½Ρ Π½Π° ΡΠ°ΠΉΡΠ΅, ΡΠΎΠ³Π΄Π° ΠΊΠ°ΡΠ°ΠΉΡΠ΅ ΠΡΡ
ΠΈΠ²Β Ρ ΠΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ ΠΈΠ»ΠΈ ΡΠΈΡΡΠ΅ΡΠ΅ ΡΠ²ΠΎΡ ΠΊΠ½ΠΎΠΏΠΊΡ.
1 2 3 |
<div style= "position:fixed; left:0.1%; bottom:0%; left:0.1%; - Π·Π½Π°ΡΠΈΡ ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Ρ Π»Π΅Π²Π°. ΠΡΠ»ΠΈ Ρ
ΠΎΡΠΈΠΌ ΡΠΏΡΠ°Π²Π° ΠΌΠ΅Π½ΡΠ΅ΠΌ Π½Π° right. bottom:45%; - Π·Π½Π°ΡΠΈΡ ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΠΏΠΎ ΡΡΠ΅Π΄ΠΈΠ½Π΅ ΡΠ°ΠΉΡΠ°. ΠΡΠ»ΠΈ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ 0%, Π±ΡΠ΄Π΅Ρ ΠΊΠ°ΠΊ Ρ ΠΌΠ΅Π½Ρ, Π² ΡΠ°ΠΌΠΎΠΌ Π½ΠΈΠ·Ρ. |
ΠΠ»Ρ ΠΌΠ΅Π½Ρ ΡΠΊΡΠΈΠΏΡ ΠΎΡΠ΅Π½Ρ ΡΠ΄ΠΎΠ±Π΅Π½ΡΠΉ.
ΠΠ΅Π»Π°Ρ ΡΠ΄Π°ΡΠΈ.