JAVASCRIPT: Scrol Touch Device

امروزه در طراحی قالب بحث responsive یا واکنش گرا بسیار داغ میباشد
واکنشگرا چیست:با پیشرفت تکنولوژی و وجود دستگاه هایی مانند تلفن های هوشمند، تبلت ها، تلویزیون های هوشمند و … که میتوانند از اینترنت استفاده کنند نیاز به داشتن وب سایت هایی مطابق با تمامی این دستگاه ها احساس میشد شد اما محدودیتهای زیادی در راه بود که با ظهور تکنیک ها و امکانات کاربردی جدید در نسخه سی اس اس 3 (css3) و به خصوص مدیا کوئری ها (Media Queries) طراحان وب توانستند وب سایت های کاملا واکنش گرا طراحی کنند

رفع مشکل اسکرول کردن در div هایی با استایل overflow:auto;

تشخیص tuch device

حرکت اسکرول به مکان مورد نظر

روش استفاده

کافیست تابع را در زمان load صفحه به صورت زیر استفاده کنید

یا میتوانید این کد را در قالب یک فایل js قرار داده و در فحات مورد نظر فراخوانی کنید

مثال:
Tuch Scroll

lord_viper

King of delphi and father of persian open source

More Posts

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *