sticky menu after scroll fixed to top using jquery

-
HTML


   
Please scroll

   

       

           
This needs to be fixed when hits top of screen

       


CSS
.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; }

.sticky-header {
    width:700px;
    height:50px;
    background:orange;
    postion:fixed;
}

JSS
$(window).scroll(function(){
    if ($(window).scrollTop() >= 330) {
       $('.sticky-header').addClass('fixed');
    }
    else {
       $('.sticky-header').removeClass('fixed');
    }
});

Comments

Post a Comment

Popular posts from this blog

Script For Login, Logout and View Using PHP, MySQL and Bootstrap

-
Image
I am assuming here that you are familiar with HTML and CSS. I have commented the code with the necessary information in the major part of the code. So you can understand easily. I have also attached the source code so you can download it and use it. Let's start. Note: I have updating this article on my personal blog. The following are the points we will be learn in this article: Creating Database in phpmyadmin. Create connection with MySQL database. Insert, delete and view data from MySQL database. Some Bootstrap components. Sessions in PHP. Files and IDE: Registration Login Logout Welcome Admin_login View_users Db_conection Delete.php I am using PHPStorm for the coding and Bootstrap framework for front end development. Create Database: Create Tables: Create columns in Users table: Crate Admin Table: Create Admin Columns: Registration.php: <html>   <head lang= "en" >      ...
Read more

PHP Ajax Login Validation Tutorial

-
Image
This post explains you about php login with ajax. In this example, first of all we will validate the user details using ajax library and showing the appropriate result. If user enter correct detail (ie:- admin/admin in this example)we will be redirected to the “index.php” and if you will try to directly access “index.php” means without entering the user details you will redirected to “login.php”. Download Link    Demo Link Sample database design for table name contact. This table contains id (primary key), name and age. CREATE TABLE IF NOT EXISTS `user` ( `id` int(11) NOT NULL AUTO_INCREMENT, `uname` varchar(50) NOT NULL `password` varchar(50) NOT NULL, PRIMARY KEY (`id`) ) dbConnect.inc.php Contains database connectivity code $mysql_db_hostname = "Host name"; $mysql_db_user = "UserName"; $mysql_db_password = "Password"; $mysql_db_database = "Database Name"; $con = mysql_connect($mysql_db_hostname, $mysql_db_user, ...
Read more

New User Registration With Email Verification Using PHP and Mysqli

-
Image
In this post i have explain about how to implement New user registration with email verification script. if your using register form in a website, you need to use email verification because it will be reduce spam register user and make sure you will get correct registered user in your website. Live Demo         Download Database Create sample table called as 'users' and create below columns that table. CREATE TABLE IF NOT EXISTS `users` ( `id` int ( 11 ) NOT NULL AUTO_INCREMENT, `email` varchar ( 100 ) NOT NULL , `name` varchar ( 250 ) NOT NULL , `password` varchar ( 250 ) NOT NULL , `active_code` varchar ( 300 ) NOT NULL , PRIMARY KEY ( `id` ) ) HTML Create simple form element < html > < body > < form method = "post" > < label > Email * </ label > < input type = "text" name = "email" > < label > Password * ...
Read more