14853
- به قلم عاشور کمی
- ارسالی در تاریخ : پنج شنبه 09 / 07 / 1394 ساعت 12:24قبل از ظهر
realted
سلام و درود به همه کاربران همیشگی رایتم. همینطور که می دونید یا نمی دونید تغییر شکل اسکرول بار فقط در مرورگر گوگل کروم امکان پذیر است اما ما امروز با کدی امدیم که اسکرول بار سایت خودتون رو در همه مرورگر ها تغییر میده! برای تغییر شکل اسکرول بار باید استایل css داد اما این استایل ها فقط در مرورگر کروم قابل نمایش است اما کاربر سایت ما مرورگر های دیگه ای مانند فایرفاکس و اینترنت اکسپلورر و... داشته باشه تکلیف چیه؟ در این حالت باید از کد جی کئوری استفاده کرد شما با این کد می توانید علاوه بر اسکرول کردن کل سایت میتوانید کلاس ها و ای دی های سایتتون رو هم اسکرول کنید.
برای دیدن پیشنمایش زنده این کد کلیک کنید.
کد :
اموزش: برای استفاده از این کد، کد را در انتهای قالب و بالای </html> قرار بدید.
چرا در <head> قرار ندیم؟!
چون با گذاشتن کد در انتهای قالب باعث میشود که کد دیرتر از همه اجرا شود و باعث بالا رفتن سرعت لود صفحه می شود.
با کد بالا اسکرول صفحه تغییر می کند اما چگونه اسکرول class و id های قالب رو تغییر بدیم؟!
در کد بالا دنبال body, بگردید و کلاس ها و ای دی ها را مانند نمونه اضافه کنید:
