JohnCMS | кнопка "наверх"
кто может сделать чтоб когда ти опустился на скока там пикселей вниз збоку появлялась кнопка "наверх" как в вк. на джон 3.2.2
на мастерам видел скрипт
________
посл. ред. 29.05.2014 в 19:48; всего 1 раз(а); by _KpuMuHaJlucT_
________
посл. ред. 29.05.2014 в 19:48; всего 1 раз(а); by _KpuMuHaJlucT_
_KpuMuHaJlucT_, на джон?
SHINTE (29.05.2014 в 19:52)
_KpuMuHaJlucT_, на джон?
на любую кмс
_KpuMuHaJlucT_, на джон?
SHINTE (29.05.2014 в 19:52)
_KpuMuHaJlucT_, на джон?
_KpuMuHaJlucT_, на джон?
это js => идет на любой двиг
ктота может дать?
как то так это в доктупе
<script language="JavaScript" type="text/javascript">
var go_down = jQuery('body');
jQuery(function() {
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop() >= "250") $("#Go_Top").fadeIn("slow")
var scrollDiv = $("#Go_Top");
$(window).scroll(function() {
if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
else $(scrollDiv).fadeIn("slow")
});
$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop() <= go_down.height()-"999") $("#Go_Bottom").fadeIn("slow")
var scrollDiv_2 = $("#Go_Bottom");
$(window).scroll(function() {
if ($(window).scrollTop() >= go_down.height()-"999") $(scrollDiv_2).fadeOut("slow")
else $(scrollDiv_2).fadeIn("slow")
});
$("#Go_Top").click(function() {
$("html, body").animate({scrollTop: 0}, "slow")
})
$("#Go_Bottom").click(function() {
$("html, body").animate({scrollTop: go_down.height()}, "slow")
})
});
</script>
<script language="JavaScript" type="text/javascript">
var go_down = jQuery('body');
jQuery(function() {
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop() >= "250") $("#Go_Top").fadeIn("slow")
var scrollDiv = $("#Go_Top");
$(window).scroll(function() {
if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
else $(scrollDiv).fadeIn("slow")
});
$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop() <= go_down.height()-"999") $("#Go_Bottom").fadeIn("slow")
var scrollDiv_2 = $("#Go_Bottom");
$(window).scroll(function() {
if ($(window).scrollTop() >= go_down.height()-"999") $(scrollDiv_2).fadeOut("slow")
else $(scrollDiv_2).fadeIn("slow")
});
$("#Go_Top").click(function() {
$("html, body").animate({scrollTop: 0}, "slow")
})
$("#Go_Bottom").click(function() {
$("html, body").animate({scrollTop: go_down.height()}, "slow")
})
});
</script>
посде добавляем вывод кнопок
<a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="/image/up.png" alt="Наверх" title="Наверх">
</a>
<a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="/image/bottom.png" alt="Вниз" title="Вниз">
</a>
<a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
<img src="/image/up.png" alt="Наверх" title="Наверх">
</a>
<a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
<img src="/image/bottom.png" alt="Вниз" title="Вниз">
</a>
_KpuMuHaJlucT_, куда ето вписивать?
SHINTE (29.05.2014 в 20:01)
_KpuMuHaJlucT_, куда ето вписивать?
_KpuMuHaJlucT_, куда ето вписивать?
код что выше в доктупе
то что нижу в скрипт где хочешь сделать вывод кнопки