Добро пожаловать, Гость!
Наверх в foot.php
Общие вопросы | Наверх в foot.php
Искатель
: Наверх в foot.php
7 Июля 2013вписал се <a href="#top"> Наверх</a> в фут,скажите как зделать чтоб Наверх отображалось тогда когда страничка промотывается вниз .ато даже наверху страничке надпись Наверх смотрица групо,как еескрыть пока я нахожусь наверхней части страницы что Наверх проявлялось когда начинаеш опускаться вниз?
Комментарии:
DrNorton 
7 Июля 2013
Вадим Кондаков (12 Июня 2013):
mars, открываем head.php и между <head> вставим:
<sсript language="JavaScript">
$(function(){
$.fn.scrollToTop=function(){
$(this).hide().removeAttr("onclick");
if($(window).scrollTop()!="0"){
$(this).fadeIn("slow")
}
var scrollDiv=$(this);
$(window).scroll(function(){
if($(window).scrollTop()=="0"){
$(scrollDiv).fadeOut("slow")
}else{
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
}
});
$(function() {$("#showScroll").scrollToTop();});
</sсript>
И между <body> вставим:
<div onclick="location.href='#top';" id="showScroll">Наверх</div>
Вадим Кондаков, у меня неработает(mars, открываем head.php и между <head> вставим:
<sсript language="JavaScript">
$(function(){
$.fn.scrollToTop=function(){
$(this).hide().removeAttr("onclick");
if($(window).scrollTop()!="0"){
$(this).fadeIn("slow")
}
var scrollDiv=$(this);
$(window).scroll(function(){
if($(window).scrollTop()=="0"){
$(scrollDiv).fadeOut("slow")
}else{
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
}
});
$(function() {$("#showScroll").scrollToTop();});
</sсript>
И между <body> вставим:
<div onclick="location.href='#top';" id="showScroll">Наверх</div>
mars 12 Июня 2013
Вадим Кондаков (12 Июня 2013):
mars, открываем head.php и между <head> вставим:
<sсript language="JavaScript">
$(function(){
$.fn.scrollToTop=function(){
$(this).hide().removeAttr("onclick");
if($(window).scrollTop()!="0"){
$(this).fadeIn("slow")
}
var scrollDiv=$(this);
$(window).scroll(function(){
if($(window).scrollTop()=="0"){
$(scrollDiv).fadeOut("slow")
}else{
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
}
});
$(function() {$("#showScroll").scrollToTop();});
</sсript>
И между <body> вставим:
<div onclick="location.href='#top';" id="showScroll">Наверх</div>
Вадим Кондаков, пишет $(function(){ $.fn.scrollToTop=function(){ $(this).hide().removeAttr("onclick"); if($(window).scrollTop()!="0"){ $(this).fadeIn("slow") } var scrollDiv=$(this); $(window).scroll(function(){ if($(window).scrollTop()=="0"){ $(scrollDiv).fadeOut("slow") }else{ $(scrollDiv).fadeIn("slow") } }); $(this).click(function(){ $("html, body").animate({scrollTop:0},"slow") }) } }); $(function() {$("#showScroll").scrollToTop();}); я скину те в тхт свой headmars, открываем head.php и между <head> вставим:
<sсript language="JavaScript">
$(function(){
$.fn.scrollToTop=function(){
$(this).hide().removeAttr("onclick");
if($(window).scrollTop()!="0"){
$(this).fadeIn("slow")
}
var scrollDiv=$(this);
$(window).scroll(function(){
if($(window).scrollTop()=="0"){
$(scrollDiv).fadeOut("slow")
}else{
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
}
});
$(function() {$("#showScroll").scrollToTop();});
</sсript>
И между <body> вставим:
<div onclick="location.href='#top';" id="showScroll">Наверх</div>
Вадим Кондаков 12 Июня 2013сохраним и в style.css добавим:
#showScroll {
display:none;
margin-left:20px;
padding-left:10px;
padding-right:10px;
width: 50px;
font-weight: bold;
text-shadow: 0px 1px 0px #262626;
color: white;
background: white;
background:rgba(0, 0, 0, 0.35);
line-height: 30px;
cursor: pointer;
-o-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
text-align: center;
font-family: Tahoma;
}
#showScroll:hover {
text-shadow: 0px 1px 0px #262626;
background: white;
background:rgba(0, 0, 0, 0.65);
cursor: pointer;
text-align: center;
}
Вадим Кондаков 12 Июня 2013mars, открываем head.php и между <head> вставим:
<sсript language="JavaScript">
$(function(){
$.fn.scrollToTop=function(){
$(this).hide().removeAttr("onclick");
if($(window).scrollTop()!="0"){
$(this).fadeIn("slow")
}
var scrollDiv=$(this);
$(window).scroll(function(){
if($(window).scrollTop()=="0"){
$(scrollDiv).fadeOut("slow")
}else{
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
}
});
$(function() {$("#showScroll").scrollToTop();});
</sсript>
И между <body> вставим:
<div onclick="location.href='#top';" id="showScroll">Наверх</div>
mars 12 Июня 2013
Вадим Кондаков (12 Июня 2013):
могу дать JS код для поднятие наверх) только это нужно будет в head.php вписать
Вадим Кондаков, как в хэд?а в фут нет?давай попродую,ток скажи поточне куда вписыватьмогу дать JS код для поднятие наверх) только это нужно будет в head.php вписать
