How to install and use Easy Cross-platform Page Scroll Plugin with CDN withoutout download By jishaansinghal 2022
CSS CDN:
<link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
JS CDN:
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://www.jqueryscript.net/demo/one-page-section-scroll/SectionScroll.js"></script>
CSS CODE:
body {
margin: 0;
}
section {
height: 140vh;
}
section:nth-child(1) {
background-image: linear-gradient(to bottom, #f001d3, #a473ff, #259dff, #00b7ff, #12c7eb);
}
section:nth-child(2) {
background-image: linear-gradient(to left top, #228fac, #008dd3, #2682f1, #9866f3, #eb12d0);
}
section:nth-child(3) {
background-image: radial-gradient(circle, #228fac, #008dd3, #2682f1, #9866f3, #eb12d0);
}
section:nth-child(4) {
background-image: radial-gradient(circle, #f001d3, #a473ff, #259dff, #00b7ff, #12c7eb);
}
section:nth-child(5) {
background-image: linear-gradient(to left bottom, #2a1567, #9e0061, #df3b37, #e49700, #a8eb12);
}
.intro {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #ffffff;
}
Fiverr : https://www.fiverr.com/jishaansinghal
Youtube : https://www.youtube.com/channel/UCIgDfi6qUcTmeepNJ7uqLBQ
Facebook : https://www.facebook.com/jishaan.singhal
FB Group :https://www.facebook.com/groups/457165385377074
FB Group :https://www.facebook.com/groups/freegigpromotewithjishaansinghal
FB Page :https://www.facebook.com/promoteyourgig
Twitter : https://www.twitter.com/jishaan_singhal
Instagram : https://www.instagram.com/jishaansinghal
Linkedin : https://www.linkedin.com/in/jishaan-singhal-1b77b2203
Blogger : https://jishaansinghal.blogspot.com
keywords:
css, html, aos, animate on scroll, smooth scroll, smooth scrolling, html css, scroll animation, scroll effect, css tutorial, javascript, scroll, how to create smooth scrolling anchor links, jquery, css snap scroll, fullpage, web design, 2017, 2018, view 404, simple spa page scroll plugin with jquery bangla tutorial, jquery-scrolling bangla, spa scrolling one page nav bar bangla, how to use one page scrolling navbar bangla, how to use spa scrolling navbar bangla, js scrolling plugin bangla 2020, কি ভাবে scrolling nav ব্যাবহার করতে হয়, one page scrolling navbar with js bangla, jquery one page scroll nav bangla, one page scroll website bangla, single page scrolling website bangla tutorial, বাংলা টিউটোরিয়াল, animation css, full page scroll efffect, scroll effect tutorial, web development, web dev, deved, css effect, css animation, web development tutorial, smooth scrolling effect using css only, smooth scroll css, smooth effect, scroll smooth css, scroll smooth js, smooth, website, add scroll effect, animation scroll, scrolling effect, scrolling effect website, js, effect, effect scroll, smooth effect website, css smooth scroll, data aos, data aos animation, javascript aos, aos javascript, aos javascript animation, animate on scroll in hindi, animate page on scroll, animate div on scroll hindi, aniamte page on scroll javascript, animate on scroll javascript, data aos fade up, animate element on scroll, animate div on scroll, javascript animate on scroll, scroll animation javascript, animate on scroll in hidni, how to add animation on scroll, data-aos, animation on page scroll, javascript page scroll animation, content animation on page scroll, web page animation on scroll, div animation on page scroll, trigger css animations on scroll, javascript scroll animation, scroll animation effects, how to create a website in html5 step by step, create a complete responsive website from scratch, responsive web design tutorial, design a complete responsive website from scratch, scrolltrigger javascript based animation, how to create a full page parallax scrolling effect, css full page scrolling effect, full page scroll css, css scroll snap, how to use css scroll snap, control page scroll in css using scroll snapping, css effects, css full page scroll effects, smooth scrolling css, pure css smooth scrolling animation, smooth scrolling html, smooth scrolling html css, smooth scrolling website, how to create smooth scroll in html, how to add smooth scrolling in a website, smooth scrolling bootstrap 4, smooth scrolling jquery, smooth scrolling js, smooth scroll jquery plugin, smooth scroll javascript, smooth scroll website, add smooth scrolling in a website, fullpage.js, fullpagejs, fullpage.js tutorial, modern landing page, landing page, landing page design, landing page tutorial, modern web design, web design tutorial, scrolling page, website slides, html css slides, html css slider, css slider, css slides, html slides, page transition tutorial, full page scroll, parallax scrolling, reveal website elements using javascript, reveal webpage elements on scroll, reveal elements on page scroll down, javascript webpage element reveal function, webpage element reveal function using html css javascript, scrolling effect in website, scrolling effect javascript, scroll effect website, how to make parallax scrolling website, javascript parallax effect, javascript parallax effects, javascrpt parallax website, parallax scrolling website using html css javascript, how to make website, how to create a parallax scrolling effect, simple parallax website, javascript parallax website, websites parallax scrolling, simple parallax scrolling effect, create a parallax scrolling website javascript, parallax scrolling tutorial, parallax web design, parallax website html css, one page scrolling elementor, elementor one page scroll, one page scroll elementor, one page scroll website, one page scroll wordpress, one page wordpress smooth scrolling menu#1, how to use page scroll to id plugin#, page scroll to id wordpress, wordpress menu scroll to anchor#5, wordpress plugin scroll to anchor#4, wordpress one page menu plugin#, elementor page builder, elementor bangla tutorial, wordpress tutorial, wordpress bangla, website design and development, onepage website, create a website, make website, freelancing, web design freelance job, online job, create website with wordpress, page builder plugin tutorial, responsive web design, website design company in bangladesh, html5, css3, scrolling, full screen, one page scroll, page scroll plugin, fullscreen page scroll plugin, one page scrolling, jquery scrolling plugin, tutorials, full page scrolling animation, jquery mouse weel scrolling full section, online tutorials, wow, nice, cool, awesome, html css tips and tricks, simple jquery plugin tutorials, html css tutorials, full page, scrolling animation, jquery tutorials, scrolling website full page, portfolio tutorial, snap to scroll, pure css snap scrolling, filip, personal portfolio website tutorial, scroll-snap-type, pure css, pure css snap scroll, css scrolling, css scrolling tutorial, css vertical scroll, css scroll, css horizontal scroll, css vertical scrolling, css custom scrolling, css custom scroll, snap scrolling, snap scroll, web designer, create a personal portfolio, portfolio css, web cifar, shaif arfan, change navigation style on scroll, animate navigation on scroll, change navigation on scroll, change navbar on scroll, change navbar style on scroll, highlighted nav bar on scroll, active nav bar on scroll, active nav menu item when scroll, highlight nav bar, highlight active section, change active menu item on scroll, highlight menu item on scroll with javascript, change menu active on scroll, active nav menu on scroll with javascript, one page web design, 1 page website
Comments
Post a Comment