رفع مشکل فضای خالی بعد از رفرش صفحه
اگر سایتی داشته باشید که عرض صفحه زیاد باشد قطعا زمانی که کاربر قصد رفرش کردن صفحه را دارد ممکن است این عملیات را از میانه ی صفحه انجام دهد؛ در این زمان است که ممکن است بین بخش های مختلف صفحه فضای خالی ایجاد شود و این تنها مشکل مرورگر و جاوااسکریپت می باشد.
یکی از مشکل هایی که سایت های وردپرسی هم بیشتر از همه با آن درگیر هستند همین مشکل است.
در این نوشته یک قطعه کد یک خطی چاره ساز مشکل شما خواهد شد.
این نوشته را بخوانید.
رفع مشکل فضای خالی بعد از رفرش صفحه
خب همانطور که گفتیم این مشکل دقیقا زمانی رخ می دهد که مثلا کاربر در وسط صفحه باشد و در همان جا کلید F5 یا Reload را در مرورگر بزند؛ وقتی کاربر به سمت بالا می آید یک فضای خالی برای اون ایجاد می شود که این فضا در واقع تنها هنگام نمایش ایجاد می شود و آن فضا هیچ المانی نیست.
یک نکته ی جالب اینکه اگر در همان زمان روی آن بخش کلیک راست کنید و گزینه ی inspect elements را بزنید آن فضا از بین می رود.
حالا راه حل رفع این مشکل این است که شما قطعه کد زیر را در بخش head صفحه ی خود قرار دهید.
کد ::
<script>window.scrollTo(0,0);</script>
در واقع کد بالا تنها این کار را انجام می دهد که در زمان لود صفحه اسکرول به بالاترین بخش منتقل شود و هیچ مشکل دیگری برای سایت شما ایجاد نخواهد کرد.
اگر روش بالا چاره ساز مشکل شما نشد و یا روش های بهتری برای حل این مشکل در اختیار دارید در بخش نظرات برای ما بنویسید.
موفق باشید.