مشکل در تغییر خصوصیت div با jquery با تغییر موقعیت scroll
سلام دوستان امیدوارم که حالتون خوب باشه
بازم یه سوال پیش اومد گفتم اینجا بیان کنم تا عزیزان کمک کنند
من تو تاپیک های قبلی درباره این به دست آوردن موقعیت اسکرول سوال پرسیدم و جواب هم گرفتم اما الان مشکل یه چی دیگست من می خوام مثلا وقتی موقعیت اسکرول که:
var scrlPos;
scrlPos = window.scrollTop();
تو این متغییر هست (scrlPos) وقتی 0 بود div با opacity = 1 نمایش داده بشه و درغیر اینصورت 0.1 اما با شرط if جواب نداد :متفکر:
لطفا ببینید میشه کاری کرد این مشکل حل بشه؟
با تشکر
نقل قول: مشکل در تغییر خصوصیت div با jquery با تغییر موقعیت scroll
سلام
نقل قول:
اما با شرط if جواب نداد
:متعجب:
کد HTML:
<!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>
نقل قول: مشکل در تغییر خصوصیت div با jquery با تغییر موقعیت scroll
سلام
آقا من دستور رو اینجوری تغییر دادم اما وقتی اون مقدار 0 میشه بازم opacity افزایش پیدا نمی کنه :
if(sctop==0)
{
$("#div").fadeTo("fast",1);
}
else
{
$("#div").fadeTo("slow",0.1);
}
مشکل از کجاست؟
با تشکر
نقل قول: مشکل در تغییر خصوصیت div با jquery با تغییر موقعیت scroll
سلام
کد را به صورت زیر بنویسید مشکل حل میشه
if(sctop==0)
{
$("#div").stop().fadeTo("fast",1);
}
else
{
$("#div").stop().fadeTo("slow",0.1);
}
کار تابع stop غیر فعال کردن انیمیشن (همون fadeTo) قبلی است که در حال انجام هست