رفتن به مطلب

اسکرول به ابتدای پست یا برگه


پست های پیشنهاد شده

من می خوام یه پست یا برگه که توسط کاربر انتخاب میشه پس از لود شدن صفحه مربوطه، صفحه اسکرول شه و به ابتدای پست بیاد.

یعنی اون قسمت هدر سایت و دکمه های موجود رو اسکرول کنه و به ابتدای پست یا برگه بیاد.

البته مقدار اسکرول هم مشخصه مثلا 500

تو یه سایت فروشگاهی این حالتو دیدم (آدرسشم یادم نیست) با جی کوئری هم بود وقتی کلیک می کردی رو توضیحات بیشتره یه محصول، صفحه تار می شد و می رفت به صفحه محصول انتخابی و پس از لود شدن صفحه جدید اونو نشون می داد و اسکرول می شد رو توضیحات محصول.

لینک به ارسال

سلام

این کد رو در هدر ، قبل از تگ head اضافه کنید :


<script>$(function() {
$(document).scrollTop( $("#postbox").offset().top );
});</script>

اون قسمت که نوشته شده postbox# قسمتی هست که به محض لود شدن صفحه به اون قسمت اسکرول میخوره ، حالا مثلا در قالب شما قسمتی که میخوایید به این صورت است :


<div class="post">

postbox# رو در کد به post. تغییر بدید . نمونه رو می تونید اینجا ببینید .

لینک به ارسال

متاسفانه انجام نشد. من کد اول رو که تو هدر قرار میدم پیغام خطا میده. (تصویر ضمیمه)

البته کد رو بعد از Head هم میزارم و حتی در بین اسکریپتهای دیگه هم میزارم همین حالت پیش می یاد.

من خطا رو نادیده گرفتم و فایل هدر رو جایگزین کردم اما قالب بهم ریخته شد. ضمنن اسکرول هم کار نکرد.

این کد رو تو فایل single.php قرار دادم و باز هم عمل نکرد. دستور اسکرول رو هم بر مبنای ID و هم بر مبنای Class تست کردم، باز هم انجام نشد.

اما بر مبنای ID وقتی بعد از آدرس به صورت دستی #postbox رو وارد کردم رفت به قسمت تعیین شده!!!

post-1168-0-28369000-1376466011_thumb.jp

لینک به ارسال

دوست عزیز ، شما باید کد اسکریپت رو قبل از تگ <head/> بذارید ، اما طبق عکس شما رفتید گذاشتید قبل <head> !! ;) // شما فایل single و هدر رو پیوست کنید تا کد رو در جای صحیح بذارم براتون

لینک به ارسال

این کد رو در هدر ، قبل از تگ head اضافه کنید :

دوست عزیز ، شما باید کد اسکریپت رو قبل از تگ <head/> بذارید ، اما طبق عکس شما رفتید گذاشتید قبل <head> !! ;)

فکر کنم باید می فرمودید داخل تگ head قرار بدین! :rolleyes:

لینک به ارسال

من این کد رو در انتهای تگ Head (داخل تگ) قرار دادم.

<script>$(function() {
$(document).scrollTop( $(".post").offset().top );
});</script>

داخل فایل single.php هم در بخش مورد نظر تگی با کلاس mpost9 قرار داره. اما اسکرول انجام نمیشه!!!

البته یکبار هم بر مبنای id انجام دادم و نشد. همچنین یک تگ

<div class="همون کلاس تعریف شده در تابع">

نیز تعریف کردم اما باز هم انجام نشد!!!

لینک به ارسال

خود کدی که من گذاشتم مشکلی نداره ، چون طبق نمونه می بینید که جواب میده ، پس مشکل از قالبه //

اسلایدر ، اسکرولر و ... که با جی کوئری باشه در قالب دارید ؟

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...