jQuery Scroll to ID


jQuery(document).ready(function(){
jQuery(".link").click(function() {
jQuery('html,body').animate({
scrollTop: eval(jQuery('#id').offset().top - 250)
}, 1000);
});
});

Comments

Post a Comment

Popular posts from this blog

TypeScrpt basics

+========= What is TypeScrpt ? ==========+ Typescript is not entirely new language , it 's a super set of JavaScript. that means any valid JS code is also valid typescript code . Additional feature : - -->      Strong Typing / static typing , -->      Object oriented features ( class , interfaces , constructors , access modified like public and private , fills , Properties , Generics and so on . ) -->      Compile time errors -->      great tooling ( i like Intelligence that we get in code editors ) -->      Typescript is a super set of JavaScript   Many Browser Transpile Our TS code , into JS . ++========= Use full Commands below ============++ ``` npm install -g typescript ( Install typescript Globally ) tsc -...
Read more

font-face HTTPS issue fixes

@font-face { font-family : 'Material Icons' ; font-style : normal ; font-weight : 400 ; src : url ( https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2 ) format ( 'woff2' ); } .material-icons { font-family : 'Material Icons' ; font-weight : normal ; font-style : normal ; font-size : 24px ; /* Preferred icon size */ display : inline-block ; line-height : 1 ; text-transform : none ; letter-spacing : normal ; word-wrap : normal ; white-space : nowrap ; direction : ltr ; /* Support for all WebKit browsers. */ -webkit-font-smoothing : antialiased ; /* Support for Safari and Chrome. */ text-rendering : optimizeLegibility ; /* Support for Firefox. */ -moz-osx-font-smoothing : grayscale ; /* Support for IE. */ font-feature-settings : 'liga' ; }
Read more