وضعیت اسکرول Scroll

اگر تمایل دارید در هنگام اسکرول کردن صفحه، بعد از مقداری قابل تنظیم، کلاسی به موضوع مورد نظر اضافه کنید، از این تابع استفاده کنید.

برای مشاهده مثال ها اسکرول کنید.

خصوصیات

برای تنظیم مقدار اسکرول از خصوصیت scroll-value استفاده کنید، این مقدار با مقدار ScrollY یکی است.

اگر میخواهید زمانیکه مقدار اسکرول بیش از آن بود کلاسی اضافه شود و کمتر بود آن کلاس حذف شود، از خصوصیت toggle-class استفاده کنید.

اگر میخواهید در صورت بزرگ تر بودن مقدار اسکرول کلاس فقط اضافه گردد از خصوصیت add-class استفاده کنید.

اگر میخواهید در صورت بزرگ تر بودن مقدار اسکرول کلاس فقط حذف گردد از خصوصیت remove-class استفاده کنید.

    <div wn-type='scroll' scroll-value="50" toggle-class="h1">After Scroll 50 value Changed to H1 and restor</div>
    <div wn-type='scroll' scroll-value="150" add-class="primary-bkcolor">After Scroll 150 value change back color</div>
    <div class="third-bkcolor" wn-type='scroll' scroll-value="350" remove-class="third-bkcolor">After Scroll 350 value removed back color</div>
    

برای مشاهده خروجی مثال اسکرول کنید