عصر بخیر، خوانندگان عزیز! امروز مقاله بسیار کوتاه خواهد بود، اما ناگهان به کسی کمک خواهد کرد. در یکی از مطالب قبلی در مورد مشکل پس زمینه صحبت کردیم.
امروز یکی از همکاران تماس گرفت و چیز عجیبی گفت - وقتی نشانگر ماوس را روی پیوندها و عناصر صفحات اینترنت حرکت می‌دهید، پنجره مرورگر کمی بالا و پایین می‌رود، که به طرز وحشتناکی آزاردهنده است. مرورگر گوگل کروم.
من قبلاً با چنین مشکلی مواجه شده بودم، مخصوصاً در ویندوز 10، اگرچه صادقانه بگویم، فقط با این نسخه مشکلاتی وجود داشت.
همه چیز در یک تنظیم نهفته است - شتاب سخت افزاری. به طور خلاصه، سیستم عامل در صورت امکان مقداری از بار پردازنده را برداشته و به کارت گرافیک منتقل می کند. اما به دلیل درایورهای کارت گرافیک "کج"، نقص در سیستم های ترکیبی (لپ تاپ هایی که کارت یکپارچه ابتدا ویدئو را پردازش می کند، و خارجی فقط با بار زیاد متصل می شود)، تنظیمات نادرست - تمام جذابیت شتاب سخت افزاری از بین می رود. چیزی که در این مورد اتفاق می افتد.
اسکرول یا نوار پیمایشابزاری است که از طریق آن صفحه حاوی محتوا پیمایش می‌شود تا قسمت‌هایی از آن را که فراتر از دید صفحه اول هستند نمایش دهد.
ظاهر پیمایش در عمل عادی با تصمیم مرورگر اتفاق می افتد، زمانی که کل محتوای صفحه در ناحیه قابل مشاهده کاربر قرار نمی گیرد. ظاهر یک نوار اسکرول به صورت عمودی و افقی امکان پذیر است. هنگامی که یک نوار ظاهر می شود، کل صفحه کمی به سمت چپ جابه جا می شود (بسته به سمت اسکرول)، زیرا مقدار مشخصی فضا را رزرو می کند. معمولاً عرض نوار استاندارد کمتر از 20 پیکسل است.
چنین تأثیری در زبان عامیانه حرفه ای «تقوع سایت» نامیده می شود، این را به خاطر بسپارید و وقتی دوباره با این اصطلاح خاص مواجه شدید گم نشوید. این اثر هنگام جابجایی از صفحه بدون پیمایش به صفحه ای که در آن قرار دارد، با چشمان خود دیده می شود. واقعاً به نظر می رسد یک تکان کوچک است.
راه حل پیشنهادی
به طور معمول، طراحان چیدمان با مشکل تکان خوردن زحمت نمی کشند. با این حال، اگر چشمان شما قبلاً توسط این پدیده بسیار تحریک شده است، ما یک راه حل ساده ارائه می دهیم. برای حذف افکت، لازم است تمام صفحات را به یک عرض بیاوریم، برای این کار یک ویژگی در فایل CSS می نویسیم که یک نوار اسکرول را در تمام صفحات منبع اضافه می کند (حتی که برای آن لازم نیست).
html (سرریز-y: اسکرول؛)
در چه مرورگرهایی کار می کند؟
| 6.0+ | 6.0+ | 10.5+ | 5.0+ | 3.6+ | - | - |
چرخش مرورگر را اسکرول نیز می گویند. این مشکل برای توسعه دهندگان گوگل برای مدت طولانی شناخته شده است. با این حال، تصمیم او به تعویق افتاد. تنها مواردی که برای کاربران در دسترس است افزونه‌ها، ویژگی‌های داخلی و ابزارهای شخص ثالث هستند که به شما امکان می‌دهند پیمایش صاف صفحات را سفارشی کنید.
تنظیمات اسکرول در گوگل کروم
Google در حال آزمایش انواع ویژگی‌ها برای سفارشی کردن مرورگر شما برای بهترین تجربه ممکن است. در میان آنها عملکردی برای تنظیم اسکرول نیز وجود دارد. برای فعال کردن آن باید موارد زیر را انجام دهید:
- مرورگر را راه اندازی کنید. chrome: // flags را در کادر جستجو وارد کنید.
- صفحه جدیدی با توابع تست ظاهر می شود. شما باید عبارت "Scrolling" را در کادر جستجو وارد کنید.
- در میان نتایج جستجو "Smooth Scrolling" (Smooth scrolling) را پیدا می کنیم. ما مقدار "Enabled" را تنظیم می کنیم.
- یا در نوار جستجو می توانید بلافاصله عبارت # smooth-scrolling را وارد کرده و این گزینه را فعال کنید.
لازم به ذکر است که این گزینه آزمایشی است و برای عملکرد عادی آن باید چند تغییر دیگر در تنظیمات ماوس ایجاد کنید، یعنی:
- روی "شروع"، "کنترل پنل"، "موس" کلیک کنید.
- یک پنجره کوچک ظاهر می شود. باید تب "Wheel" را باز کنید. برای تعداد چرخش چرخ، مقدار "4" را تنظیم کنید.
- تنظیمات را ذخیره می کنیم و روان بودن اسکرول را در مرورگر آزمایش می کنیم.
همچنین در فروشگاه Google می‌توانید افزونه Chromium Wheel Smooth Scroller را پیدا کنید. این به شما امکان می دهد تا به اسکرول کمی صاف صفحات و یک نوار لغزنده در خود برنامه برسید. برای نصب این افزونه باید مراحل زیر را دنبال کنید:
- روی دکمه منوی مرورگر کلیک کنید و "تنظیمات" را انتخاب کنید. علاوه بر این، در منوی سمت چپ باید روی دکمه "افزونه ها" کلیک کنید.
- یک برگه جدید ظاهر می شود. شما باید روی پیوند "رفتن به فروشگاه Google ..." کلیک کنید.
- در کادر جستجو، عبارت مورد نیاز را وارد کنید.
- سپس روی «افزودن به کروم» کلیک کنید.
- ما افزودن پسوند به مرورگر را تأیید می کنیم.
- برنامه افزودنی را با دکمه واقع در نوار ابزار روشن کنید.
تعداد کمی از کاربران از نوار اسکرول کناری استفاده می کنند. بیشتر آنها به استفاده از چرخ یا پد لمسی عادت دارند. با این حال، اگر از پیمایش مرورگر استفاده می‌کنید، می‌توانید از عملکرد Overlay Scrollbars برای تنظیم صحیح آن استفاده کنید. برای این کار پرس و جو # overlay-scrollbars را در قسمت تست توابع وارد کنید. شما باید تمام ویژگی هایی را که پیدا می کنید فعال کنید. بسته به نسخه سیستم عامل و نسخه مرورگر، می تواند از یک تا سه عملکرد از این قبیل باشد.
پس از فعال‌سازی Overlay Scrollbars، هنگامی که ماوس را روی نوار اسکرول کناری می‌چرخانید، می‌بینید که برای سهولت در گرفتن و حرکت، منبسط و کوچک می‌شود.
لازم به ذکر است که از افزونه های شخص ثالث می توان برای سفارشی کردن اسکرول صاف استفاده کرد. برای مثال می توانید ابزار SmoothScroll را نصب کنید. در فروشگاه Chrome موجود است. تنها چیزی که لازم است افزودن پسوند به مرورگر است.
یک پنجره کوچک ظاهر می شود. در اینجا باید پارامترهای اسکرول را تنظیم کنید. ما برای خودمان سفارشی می کنیم.
افزونه‌ای مانند Touch & Drag Scroller نیز وجود دارد. به شما امکان می دهد گزینه ای مانند جوی استیک روی صفحه را در مرورگر پیاده سازی کنید. در واقع، چنین پسوندی برای دستگاه های صفحه لمسی مناسب است. پس از نصب، یک دایره کوچک در مرورگر ظاهر می شود. با کلیک بر روی آن با دکمه سمت چپ ماوس و نگه داشتن آن، کاربر می تواند در صفحات اسکرول کند.
اگر برعکس، می‌خواهید نوار اسکرول را پنهان کنید، می‌توانید Minimal Scrollbar را در بین برنامه‌های افزودنی نصب کنید. این برنامه افزودنی نوار اسکرول را برای هر سایت خاص تطبیق می دهد. و اگر نمی خواهید با تنظیمات اسکرول کار کنید، می توانید پسوند Scroll Buddy را نصب کنید. برای پیمایش خودکار طراحی شده است.
ذکر این نکته ضروری است که تمامی روش های فوق بر روی تمامی سیستم عامل ها از جمله Mac OS، Linux و Android کار می کنند. با این حال، برای پیاده سازی اسکرول نرم تر، باید ماوس را نیز پیکربندی کنید. فقط در چنین ترکیبی هنگام پیمایش در صفحات، هیچ حرکتی در مرورگر وجود نخواهد داشت.
