Sharjeel Moin sharjeelmoin
sharjeelmoin
/ gist:2b282e753703fbeed3d4dbf1523eed14
Created
February 2, 2017 07:04
slicknav mobile responsive nav
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 1: link slicknav css and jquery | |
| 2: add html | |
| <ul id="menu"> | |
| <li><a href="#">item 1</a></li> | |
| <li><a href="#">item 2</a></li> | |
| <li><a href="#">item 3</a></li> | |
| <li><a href="#">item 4</a></li> | |
| </ul> | |
| 3: add css |
sharjeelmoin
/ gist:2f7a9aeb74ee77d0348e6963a4900fa7
Created
February 2, 2017 07:01
scrolling with java script in diffrent styles.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //hide one element and show snother on scroll | |
| <script type="text/javascript"> | |
| var width = $(window).width(), height = $(window).height(); | |
| var limit =$('.logo-nav').height() + $('.site-nav').height() + $('.banner').height(); | |
| if ((width >= 991)) { | |
| $(function () { | |
| $(window).scroll(function () { | |
| var scrollval = $(window).scrollTop(); | |
| if (scrollval >= limit) { | |
| $(".dropdown_area").hide(1000); |
sharjeelmoin
/ Responsive light box
Created
January 26, 2017 06:11
open a video in bootstrap lightbox responsive.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| first: you have to link bootstrap scripts and css style sheets. | |
| second: write this html code | |
| { | |
| <a href="#" class="playVideo play-icon-link" data-toggle="modal" data-target="#myModal"><span class="play-icon-span"><i class="fa fa-play" aria-hidden="true"></i></span></a> | |
| <!-- Modal --> | |
| <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> | |
| <div class="modal-dialog" role="document"> | |
| <div class="modal-content"><!-- | |
| <div class="modal-header"> |