CSS Animated Checkmark

Since you are using a css file, you will need to convert the scss to css. Here’s a demo: .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #7ac142; fill: none; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .checkmark { width: 56px; height: 56px; border-radius: 50%; display: block; stroke-width: 2; stroke: … Read more

Load ajax when scroll reaches 80%

Provided your current check is firing when scrolled to the page’s bottom, you can try some basic arithmetics: if ($(window).scrollTop() >= ($(document).height() – $(window).height())*0.7){ //where 0.7 corresponds to 70% –^ Make sure to add a check to don’t fire multiple simultaneous Ajax requests, if you didn’t already. This is rather out of the scope of … Read more

Bootstrap $(‘#myModal’).modal(‘show’) is not working

Most common reason for such problems are 1.If you have defined the jquery library more than once. <script type=”text/javascript” src=”https://code.jquery.com/jquery-1.11.3.min.js”></script> <script src=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js”></script> <div class=”modal fade” id=”myModal” aria-hidden=”true”> … … </div> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js”></script> The bootstrap library gets applied to the first jquery library but when you reload the jquery library, the original bootstrap load is lost(Modal … Read more

error code: 521