کدنویسی برای رویدا اسکرول

**nooshin609** · 08-16-2015 11:26 AM

سلام دوستان
چطوری میتونیم برای رویداد اسکرول کردن یه ماژول بالا پایین کنم،
مثلا فرض کنیم یه ماژول aikonsearch دارم ، می خوام وقتی با ماوس به بالا یا پایین اسکرول می کنم به تعداد y اون عکس ماژولمم بالا پایین حرکت کنه.با تشکر

**تبلیغات** · 08-16-2015 11:26 AM

**P30Yaran** · 08-16-2015 01:23 PM

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

parsiland · 08-16-2015 02:07 PM

دوست گرامی درود بر شما !

فقط روندشو میگم امیدوارم کارساز باشه.

شما برای این کار علاوه بر سی اس اس از جی کوئری هم باید استفاده کنید ، یعنی باید اسکریپتی بنویسی که وقتی صفحه به مقدار n اسکرول شد ، فلان قسمت به صورت ثابت یا شناور در بیاد.

پاینده باشید.

**P30Yaran** · 08-16-2015 02:12 PM

نوشته اصلی توسط parsiland [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

دوست گرامی درود بر شما !

فقط روندشو میگم امیدوارم کارساز باشه.

شما برای این کار علاوه بر سی اس اس از جی کوئری هم باید استفاده کنید ، یعنی باید اسکریپتی بنویسی که وقتی صفحه به مقدار n اسکرول شد ، فلان قسمت به صورت ثابت یا شناور در بیاد.

پاینده باشید.

در تکمیل صحبت های دوست مون لینک زیر رو ببینید
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
اما من پیشنهاد میکنم با css انجام بدید اگه جواب نداد از jquery استفاده کنید چون استفاده از jquery بعضی مواقع تداخلات بین افزونه ها رو به وجود میاره
موفق باشید

**nooshin609** · 08-16-2015 07:03 PM

دوستان ممنون از پاسخاتون
با توجه راهنمایی شما و جستجو تو سوالات قبلی انجمن به کد زیر رسیدم

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(document).scroll(function(e){
$("#image").stop().animate({left:e.pageX, top:e.pageY});
});
</script>
<style>
#image{
position:absolute;
height:200px;
}
</style>
</head>
<img id="image" src="image/sc.png" />
<body>
</body>
</html>

ولی الانم دوتا مشکل دارم.
1) اولی اینکه بجای عکس میخوام ماژول aikonsearch خاصیت scroll روش اعمال بشه و متاسفانه نمیدونم چطوریماژول جای عکس تو کد بالا بزارم.
2) مشکل دومم اینه که همین کد اجرا میکنم (با عکس) slideshow ام دیگه میپره، نمیدونم چی تو کد بالا هست که نمیزاره دیگه sldeshow نشون داده بشه

فایل index وcss اپ کردم، لطفا اگه امکان داره کمکم کنید.ممنون
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

parsiland · 08-16-2015 08:22 PM

دوست گرامی درود بر شما !

یک توصیه :

حتما html و css رو یاد بگیرید ، اگر شما با مواردی که خدمتتون عرض کردم حتی آشنایی هم داشتید مشکلتون حل شده بود . ولی جای نگرانی نیست . در اسرع وقت بنده یا پی سی یاران یا دوستان دیگه این رو حل خواهیم کرد .

لطفا این کتاب را دانلود کرده و بخوانید: آموزش CSS

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

**nooshin609** · 08-16-2015 08:38 PM

واقعا ممنونم،html و css تازه دارم یاد میگیرم، این مشکلم واسه پروژه ترم تابستونه زیاد وقت ندارم. ممنونم میشم کمک کنید
تشکر

**P30Yaran** · 08-17-2015 04:38 AM

سلام
کار سختی نیست یه کلاس تعریف کنید تو فایل css تون
بعد یه ماژول html سفارشی بسازید و تو تنظیمات ماژول گزینه Module Class Suffix رو برابر با اون کلاس css قرار بدید
عکس رو ببینید رو قالب خودم انجام دادم

موفق باشید