PDA

View Full Version : ایجاد لینک ثابت در سمت راست صفحه که با اسکرول صفحه مکان آن تغییر نکند.


imanEsmaeili
پنج شنبه 19 خرداد 1390, 14:55 عصر
با سلام به دوستان عزیز
من یه لینک یا یه دکمه میخام که مکانش درون صفحه ثابت باشه و وقتی صفحه به بالا یا پایین اسکرول میشه مکان لینک ثابت باشه و با صفحه بالا و پایین نره مثل کلید ورود به سبد خرید در بعضی از سایتها
mehdi.mousavi
پنج شنبه 19 خرداد 1390, 16:14 عصر
با سلام به دوستان عزیز
من یه لینک یا یه دکمه میخام که مکانش درون صفحه ثابت باشه و وقتی صفحه به بالا یا پایین اسکرول میشه مکان لینک ثابت باشه و با صفحه بالا و پایین نره مثل کلید ورود به سبد خرید در بعضی از سایتها

سلام.
برای انجام این کار نیازی به استفاده از JavaScript نیست. شما میتونید براحتی توسط fixed position element ها به هدفتون برسید. به مثال زیر دقت کنید:

<html>
<head>
<style type="text/css">
body { height: 1000px; }
.fixed { position:fixed; top:100px; }
</style>
</head>
<body>
<div class="fixed">I AM FIXED</div>
</body>
</html>


موفق باشید.

پاورقی: لطفا دقت کنید که من Body رو مخصوصا ارتفاعش رو زیاد دادم (یا اصلا تعیین کردم) که vertical scrollbar رو صفحه بیفته تا بتونید صفحه رو scroll کنید و ببینید جایگاه I AM FIXED تغییری نمیکنه. در واقعیت، شما نیازی به set کردن ارتفاع body ندارید.
ricky22
پنج شنبه 19 خرداد 1390, 20:47 عصر
سلام آقا موسوی.
این کدی که مثال زدین Cross browser هست ؟ چون من در IE با Position : fixed مشکل داشتم.
و با این (http://ryanfait.com/position-fixed-ie6/)مثال مشکلم حل شد.
ممنون.
Mr FTHEL
شنبه 21 خرداد 1390, 22:38 عصر
کد استادارد صفحات HTML رو بزارید مشکل بر طرف مشیه ;)
اگر نشد از جاوا اسکریپت کمک بگیرید ;)