vimax23
دوشنبه 05 خرداد 1393, 14:53 عصر
این صفحه html :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Language" content="fa" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="jomalat.css" />
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>
</head>
<!-- --------------------------------------------------------------------- -->
<body>
<!-- --------------------------------------------------------------------- -->
<div id="titr">شریعتی</div>
<div id="pen_image"><img alt="image" title="pen_Image" /></div>
<div id="clip_image"><img alt="image" title="clip_image" /></div>
<div id="link_talar"><a href="http://talar.shandel.info">تالار گفتمان شریعتی</a></div>
<div id="link_payrovan"><a href="http://talar.shandel.info">سایت پیروان آرمان شریعتی</a></div>
<a href="#" class="scrollup"><div><img alt="image" title="top_image" />Scroll to top</div></a>
<!-- --------------------------------------------------------------------- -->
<div><a href="#" class="scrollup">Scroll</a></div>
---------
test
</body>
</html>
الان دو خط 49 و 53 اصلاً در صفحه دیده نمی‌شود!!
تو سورس اثری از کتابخانه جی کوئری نیست! یعنی باید این تو هدر شما باشه
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" ></script>
اگر اسکریپتی که استفاده میکنین این کتابخونه رو داشته باشه نیاز به لودش نیست اگر نداره باید باشه
اثری هم از استایل مربوط به کلاس scrollup نیست!
فایل استایل اصلی رو باز کنین توش اینو بنویسین
.scrollup {
width: 40px;
height: 40px;
position: fixed;
bottom: 50px;
right: 100px;
display: none;
text-indent: -9999px;
background: url('icon_top.png') no-repeat;
background-color: #000;
}
اگر واسه تست هست صرفا میتونین با تگ <style> و </style> بزارین و نگاه کنین خروجی رو ، من بک گراند رو سیاه گذاشتم چون نمیدونم چی قراره باشه میتونین کلش رو icon_top.png بزارین باشه
همچنین شما باید اسکرول بتو صفحه داشته باشین که بیاد فانکشن رو بخونین ، من واسه همین بی آر انداختم توش ، معمولا این کد رو قبل از بسته شدن body یعنی آخرین کد میزارن البته من نمیدونم دیزاین شما چی هست ممکنه نیاز بشه بیاد بالای دیوی که توش اطلاعات فوتر هست یا همسان با دیو فوتر باشه
بعد از body چند بار تگ <br /> بدین ، البته تو سایت معمولا اسکرول میخوره وقتی محتوا میخوره تو صفحه واسه همین برای تست <br /> بزارین چند تا که صفحه اسکرول بخوره
این میاد سمت راست اگر میخوایین سمت چپ بیاد تو کلاس .scrollup مقدار right: 100px; رو به left: 100px; تغییر بدین
سروس واضح هست و ساده