تالار گفتمان اسکریپت دات کام
animate در Css - نسخه‌ی قابل چاپ

+- تالار گفتمان اسکریپت دات کام (https://forum.xn--mgbguh09aqiwi.com)
+-- انجمن: کدنویسی و برنامه نویسی (https://forum.xn--mgbguh09aqiwi.com/Forum-%DA%A9%D8%AF%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%88-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C)
+--- انجمن: css (https://forum.xn--mgbguh09aqiwi.com/Forum-css)
+--- موضوع: animate در Css (/Thread-animate-%D8%AF%D8%B1-Css)

animate در Css - virus3000 - 1394/11/11

سلام

من یک progress bar در سایتم ایجاد کردم و همه ی تنظیمات و کلاسهاش رو درست دادم و کار می کنه
اما انیمیت اون زمانی کار می کنه که سایت لود میشه
میخام زمانی باشه که اسکرول به اون قسمت میخوره
باید براش چیکار کنم Dodgy

RE: animate در Css - Vahid Majidi - 1394/11/12

سلام عرض شد

والا من درست متوجه نشدم . میشه بیشتر توضیح بدید

RE: animate در Css - virus3000 - 1394/11/14

در سایتم مثلا هزار پیکسل پایین تر یک خاصیت انیمیت دادم
اما زمانی اجرا میشه که سایت لود میشه و کاربرهنوز اول سایته
میخام زمانی لود بشه که کاربر اسکرول میزنه
براش چیکار کنم
ممنون میشم راهنمایی بفرمایید

RE: animate در Css - Vahid Majidi - 1394/11/14

(1394/11/14، 03:09 عصر)virus3000 نوشته است: لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید در سایتم مثلا هزار پیکسل پایین تر یک خاصیت انیمیت دادم
اما زمانی اجرا میشه که سایت لود میشه و کاربرهنوز اول سایته
میخام زمانی لود بشه که کاربر اسکرول میزنه
براش چیکار کنم
ممنون میشم راهنمایی بفرمایید

کافیست کد های مربوطه را در داخل بلاک زیر قرار دهید

کد:
<script>
$(window).load(function(){







})
</script>


RE: animate در Css - virus3000 - 1394/11/16

خب حالا ببخشید یه سوال دیگه هم دارم ممکنه راهنماییم کنید؟

یک فلش داخل سایتم گذاشتم و میخام وقتی روش کلیک میخوره به جای اینکه بره به لنگر مثلا دایو بعدی
فقط برای مثال بیست پیکسل پایین تر بره

همچین چیزی ممکنه ایا؟

RE: animate در Css - Vahid Majidi - 1394/11/17

(1394/11/16، 12:36 صبح)virus3000 نوشته است: لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید خب حالا ببخشید یه سوال دیگه هم دارم ممکنه راهنماییم کنید؟

یک فلش داخل سایتم گذاشتم و میخام وقتی روش کلیک میخوره به جای اینکه بره به لنگر مثلا دایو بعدی
فقط برای مثال بیست پیکسل پایین تر بره

همچین چیزی ممکنه ایا؟

کد زیر را در جی کوئری بنویسید
کد:
<script>
$(document).ready(function(){

$("#vms").click(function(){
  VMS =  $(this).offset().top;
  $("body,html").animate({scrollTop:VMS+20});
};

});
</script>

در بالا فرض رو بر این میگیریم که vms# همان آی دی فایل فلش شما میباشد .

ضمنا میتونید 20 رو بیشتر یا کمتر هم بکنید