ورود

View Full Version : سوال: مشکل در تغییر خصوصیت div با jquery با تغییر موقعیت scroll


alismith
پنج شنبه 08 اردیبهشت 1390, 10:12 صبح
سلام دوستان امیدوارم که حالتون خوب باشه
بازم یه سوال پیش اومد گفتم اینجا بیان کنم تا عزیزان کمک کنند

من تو تاپیک های قبلی درباره این به دست آوردن موقعیت اسکرول سوال پرسیدم و جواب هم گرفتم اما الان مشکل یه چی دیگست من می خوام مثلا وقتی موقعیت اسکرول که:

var scrlPos;

scrlPos = window.scrollTop();

تو این متغییر هست (scrlPos) وقتی 0 بود div با opacity = 1 نمایش داده بشه و درغیر اینصورت 0.1 اما با شرط if جواب نداد :متفکر:

لطفا ببینید میشه کاری کرد این مشکل حل بشه؟

با تشکر
hossin.esm
پنج شنبه 08 اردیبهشت 1390, 14:56 عصر
سلام


اما با شرط if جواب نداد
:متعجب:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="jquery-1.4.2.min.js"></script>
<style>
body{height:1000px;}
</style>
</head>
<body>
<div id="div" style="position:absolute;top:200px">test</div>
<script>
var sctop;
$(window).scroll(function () {
sctop=$(this).scrollTop();
if(sctop==0)
{
$("#div").css("opacity","1");
}
else
{
$("#div").css("opacity","0.1");
}
});


</script>

</body>
</html>
alismith
جمعه 23 اردیبهشت 1390, 17:58 عصر
سلام

آقا من دستور رو اینجوری تغییر دادم اما وقتی اون مقدار 0 میشه بازم opacity افزایش پیدا نمی کنه :


if(sctop==0)
{
$("#div").fadeTo("fast",1);
}
else
{
$("#div").fadeTo("slow",0.1);

}


مشکل از کجاست؟

با تشکر
hossin.esm
جمعه 23 اردیبهشت 1390, 19:16 عصر
سلام
کد را به صورت زیر بنویسید مشکل حل میشه

if(sctop==0)
{

$("#div").stop().fadeTo("fast",1);
}
else
{
$("#div").stop().fadeTo("slow",0.1);

}

کار تابع stop غیر فعال کردن انیمیشن (همون fadeTo) قبلی است که در حال انجام هست