close
تبلیغات در اینترنت
کدنویسی بالابر با و بدون جی کوئری!

آموزش های رایگان طراحی وب

قالب های رایگان زیبا و بهینه

طراحی پوسته اختصاصی


آموزش هک و امنیت

پاسخ به مشکلات کدنویسی

آموزش با طنز و تفریح!






جی کوئری یکی از محبوب ترین فریم ورک های جاوا اسکریپته (چرا دارم اینارو میگم؟! خودتون میدونید دیگه:دی)
اما حجم تقریبا زیاد جیکوئری با نت های ما یکم مشکل داره! به طوری که میبینی طرف جی کوئری رو اتچ کرده بعد از دو سه تا پلاگین دیگه هم استفاده کرده میرم ناهار میخورم میام میبینم هنور سایت کامل لود نشده :| یا امواج گرانشیِ انیشتین !
با این توصیفات اگه از بوت استرپ و اینا استفاده نکردین بهتره جی کوئری رو اتچ نکنین (هر چند کش میشه ولی بار اولشم پدر آدمو درمیاره خب)
تو این پست قصد دارم بهتون یاد بدم جچوری بدون استفاده از جی کوئری و با استفاده از جی کوئری یه بالابر واسه خودتون کدنویسی کنین.

خب اول از آسونه شروع می کنیم! از جی کوئری اول استفاده کنیم که کد ما به این شکل خواهد بود :


اول چی کوئری رو اتچ کنیم: بلدین که!



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

خب بعد از این با استفاده از animate کارمونو میکنیم:


$('.tbnu').click(function(){$('html,body').animate({scrollTop:0},800)})

دیدین چقدر راحت بود؟:دی اینم دمـــــــــو


خب حالا اون مال تنبلا بود! اونایی که میخوان یکم به خودشون زحمت بدن بقیه رو ببینن!


حالا ما با جاوا اسکریپت یه تابعی رو مینویسیم که طول کل صفحه رو به ما بده و بعد توی آرگومانی به اسم meter عددی رو ذخیره میکنیم که با آرگومان delay ای که ما میدیم(زمانی که این کارو تکرار میکنه) با استفاده از window.scrollBy از کل اسکرول کم کنه.البته وسط وسطاش باید چک کنیم که اگه کاملا به بالای صفحه رسیدیم دیگه این کارو متوقف کنه یعنی clearInterval !

پس ما داریم:


/** Scroll Upper By Ehsan Abafat* Copyright 2016 By Monister.ir* All Rights Reserved.*/function GoTop(meter, delay) {var inter = setInterval(function () {var pagey = (typeof window.pageYOffset === "number") ? window.pageYOffset : document.documentElement.scrollTop;if (pagey === 0)clearInterval(inter);elsewindow.scrollBy(0, -meter);}, delay);}
اینم دمــــــــوی این!
نوشته شده در موضوع Javascript و Javascript For Weblog/site ودر شنبه 01 اسفند 1394به دست Ehsan

درباره ی نویسنده ی این مطلب

مشاهده ی نوشته های این نویسنده

نظرات کاربران

سوالی درباره ی این مطلب دارید؟ خب بپرسید!
لطفا به نکات زیر توجه فرمایید :
1. سوالات نامربوط با مطلب فوق را در انجمن بپرسید.
2. نظرات محتوی هر گونه فحاشی اگر چه تایید می شوند ولی قسمت های ناپسند آن فیلتر می شود.
3. لطفا برای دریافت پاسختون هر از گاهی به نظرات مطلب مورد نظر سر بزنید.
نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:):(;):D;)):X:?:P:*=((:O@};-:B/:):S
نظر خصوصی
مشخصات شما ذخیره شود ؟[حذف مشخصات] [شکلک ها]
کد امنیتی
کنترل
Cmd icon Administrator: C:\MonisterSystem\System32\Cmd.exe
Monister Cmd panel [Version 3.2.0]
(c) 2016 Monister corporation . All rights reserved .
C:\Users\Monister.ir> _click here type push enter...
دوست عزیزم سلام!
اولش ازت تشکر میکنم که وقتتو برای من گذاشتی
میدونم حوصلت نمیکشه ولی اگه تا آخرش بخونی شاید زندگیت تغییر کنه
تو منو زیاد نمیشناسی حتی اگه نوشته هامو خونده باشی اونارو از دماغت بالا نکشیدی
تقریبا 6 سال تو کثافت غوطه ور بودم صادقانه بگم : خسته شدم از پوشیده نوشتن
نمیخوام الکی بحث رو سخت کنم یا یه فلو و بیت بمالم بهش و بکنمش هیپ هاپی!
به هر چیزی پناه بردم تا خودم با خودِ درونم روبرو نشم ولی اشتباه کردم!
در حقیقت میخوام بگم کارای آخرم واقعا افتضاح بودن! نوشته هام ، سورس هام و راه رفتنام!
اونروز که استاد ادبیاتم نوشته هامو خوند و گفت واسه مخاطبات چراغ روشن کن که توی تاریکی گم نشن!
من نفهمیدم چی گفت! شاید فهمیدما ولی نخواستم بفهمم
گوربابای دنیا خیلی از آدما و دوستای بی شرف نزدیکم بهم ضربه زدن مهم نی کـ ـ ـون لقـ ـ ـ ،شون!
آروم باش! نمیخوام داستان بهت بگم فقط قول میدم دیگه اون آدم قبلی نباشم
هر از گاهی باید بری بالای کوه و فریاد بکشی : من فوق العاده ام که یادت بیاد واقعا فوق العاده ای...
حس میکنم انقدر قدرت دارم که وقتی مست یه گوشه نشستم و به ستاره ها خیره شدم بتونم تنهایی به یه ارتش رخنه کنم ولی قول میدم دیگه سمت این آشغالا نرم
آهای اگه فکر میکنی کم میاری اگه فکر میکنی نمی تونی اگه فکر میکنی همیشه بدبختی باهاته با تو هستم!
با من تکرار کن!
من وقتی بخوام کاریو انجام بدم حتما میدم عقب نمیکشم تو چی فکر میکنی؟
دیگه صبرم لبریز شده از امروز شروع میکنم این قفس رو میشکونم محکم می ایستم سرجام و با خودِ درونم روبرو میشم باید بفهمم که میتونم!
من چیزی از بقیه کم ندارم... از اونایی که تونستن! باید هیچ وقت تسلیم نشم
بیا دستمو بگیر... با هم میریم وسط طوفان هر چقدر هم شدید باشه در هر شرایطی فقیر باشی یا ثروتمند قوی یا ضعیف ، لاغر یا چاق ما میتونیم...
ما میتونیم به خواسته هامون برسیم . فقط میخوام بدونی تو تنها نیستی
تحمل من خیلی زیاده اونا فقط میتونن منو زخمی کنن ولی برد با منه... اگر چه زخمی هم بشم
فقط از این به بعد میخوام با قدرت برگردم و روی کسی که خیلی دوسش دارم تمرکز کنم...
قول میدم دیگه هیچ وقت زیر قولم نزنم!
احساس خوبی دارم چون ... هه من فوق العاده ام!!!!!
منتظر من باشین من برگشتم...!