shayan 116 ارسال شده در مهر 93 گزارش بازنشر ارسال شده در مهر 93 سلاممن تو طراحی قالبی که اخیرا انجام دادم ، برای صفحه اصلی قالبم یه بردر در نظر گرفتمو یه عنصر هم تعریف کردم و اون رو با استفاده از position:fixed به کناره بردر ثابت کردم با این هدف که میخوام اون عنصر روی بردر من به صورت ریلی با حرکت اسکرول متحرک بشهخب؟حالا مشکل من اینجاست که وقتی رو قالب زوم این یا زوم اوت میشه و یا با مانیتور های کوچک یا بزرگ قالب رو مشاهده میکنم این عنصر از موقعیت اصلیش خارج میشهبا توجه به این که دستور position:fixed نسبت به تگ body موقعیت خودشو میسنجه ، چه کار کنم که تحت هیچ شرایطی از جاش تکون نخوره و با اسکرول کردن هم حرکت کنهعکس اون عنصر رو پیوست کردمممنون نقل قول لینک به ارسال
SM-Mahdavi 5427 ارسال شده در مهر 93 گزارش بازنشر ارسال شده در مهر 93 سلامtop و left رو 0 کنید:position:fixed;top:0;left:0; نقل قول لینک به ارسال
shayan 116 ارسال شده در مهر 93 مالک گزارش بازنشر ارسال شده در مهر 93 خب اینطوری که میچسبه به بالاب سمت چپ صفحهمن میخوام به صورت ریلی روی بردر حرکت کنه و هیچ تغییری نکنهچه با مانیتور های بزرگ و کوچک و چه با زوم این و زوم اوت کردنآدرس آنلاینhttp://www.yaranenamaz.com نقل قول لینک به ارسال
SM-Mahdavi 5427 ارسال شده در مهر 93 گزارش بازنشر ارسال شده در مهر 93 http://jsfiddle.net/A5f4r/10/بیا عزیز. یه مورد ساده 1 نقل قول لینک به ارسال
shayan 116 ارسال شده در مهر 93 مالک گزارش بازنشر ارسال شده در مهر 93 من دقیقا متوجه نمونه ای که زحمتش رو کشیدید نشدم!چون هیچ عکسی لود نشدهآیا اون کد های جاوا اسکریپت هم تاثیر داره؟شما از position: absolute; ؟!میشه یکم توضیح بدیدممنون نقل قول لینک به ارسال
SM-Mahdavi 5427 ارسال شده در مهر 93 گزارش بازنشر ارسال شده در مهر 93 یه خورده اسکرول بزن عکسش میاد. نقل قول لینک به ارسال
shayan 116 ارسال شده در مهر 93 مالک گزارش بازنشر ارسال شده در مهر 93 والا من که چیزی نمیبینم خب مهم نیستبی زحمت شما بنده رو راهنمایی کنید که چطور همین بلا رو سر سایت خودم بیارمسپاس نقل قول لینک به ارسال
علی زینلی 2114 ارسال شده در مهر 93 گزارش بازنشر ارسال شده در مهر 93 والا من که چیزی نمیبینم خب مهم نیست بی زحمت شما بنده رو راهنمایی کنید که چطور همین بلا رو سر سایت خودم بیارم سپاس عزیزم جوابت رو که دادن!برای اینکار نیاز به جاوااسکریپت هم داری که توی همین لینک نوشتشبه عنصرت id="aerobot" بده و فایل یه کلاس هم که بازم توی همون لینک هست بده کارت حل میشه. 1 نقل قول لینک به ارسال
shayan 116 ارسال شده در مهر 93 مالک گزارش بازنشر ارسال شده در مهر 93 (ویرایش شده) منظور شما این نتیجه هست؟!!!دقیقا کدهای شما رو استفاده کردم تو این کدبررسی بفرماییدعکسش رو عوض کردم و پیوست کردم<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title>scroll</title><script> var img = document.getElementById("aerobot"); window.onscroll = function () { var bodyHeight = parseInt(getComputedStyle(document.body).height, 10); var scrollLimit = bodyHeight - window.innerHeight; var scrollTop = document.body.scrollTop; var scrollPCT = (scrollTop / (scrollLimit / 100)) / 100; img.style.top = bodyHeight * scrollPCT - img.offsetHeight + "px"; }</script><style> body {height: 900px;margin: 0;padding: 0;}img {width: 500px;height: 500px;position: absolute;top: -50px;right: 0;}</style></head><body><img id="aerobot" src="no photo.png" /></body></html> ویرایش شده مهر 93 توسط shayan نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .