菜单栏始终浮动在顶部 js

//菜单栏始终浮动在顶部var navH = $(".trade-tab-bot").offset().top;//获取要定位元素距离浏览器顶部的距离//滚动条事件$(window).scroll(function(){    //获取滚动条的滑动距离    var scroH = $(this).scrollTop();    //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定    if(scroH>=navH){        $(".trade-tab-bot").css({"position":"fixed","top":0,"left":0, "z-index":102, "margin":"0 auto", "width":"100%"});    }else if(scroH<navH){        $(".trade-tab-bot").css({"position":"relative","margin":"0 auto"});    }    //console.log(scroH==navH);});

时间： 2024-11-05 16:32:59

菜单栏始终浮动在顶部 js的相关文章

js让菜单栏一直悬浮在顶部，经典代码

很简单,你只需要把下面代码放到js中:$(function(){ //获取要定位元素距离浏览器顶部的距离 var navH = $(".menu").offset().top; //滚动条事件 $(window).scroll(function(){ //获取滚动条的滑动距离 var scroH = $(this).scrollTop();

实现测试浮动回到顶部 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BackToTopTwo.aspx.cs" Inherits="PracticeCollectionTwo.BackToTopTwo" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN

jQuery 顶部导航跟随滚动，固定浮动在顶部

jQuery 顶部导航跟随滚动,固定浮动在顶部演示 XML/HTML Code <section> <article class="left"> <p> </p> <ul> <li><a href="http://freejs.net/article_jquerywenzi_149.html" title="Ajax 动态加载内容">Ajax 动态加载内容<

返回顶部 JS 图片悬浮

1.首先创建“返回顶部”元素  <div id="toTop" style="position: fixed; z-index:99; bottom:89px; right:60px; display:none;" > <a href="javascript:scroll(0,0)"><img src="${pageContext.request.contextPat

弹性返回顶部JS代码

弹性返回顶部JS代码弹性返回顶部JS代码点击下载

手机端网页返回顶部js代码

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手机端网页返回顶部js代码</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.m

JS 菜单栏一直悬浮在顶部代码

只需要把下面代码放到js中: $(function(){ //获取要定位元素距离浏览器顶部的距离 var navH = $(".menu").offset().top; //滚动条事件 $(window).scroll(function(){ //获取滚动条的滑动距离 var scroH = $(this).scrollTop();

回到顶部js代码

function go_to_top(){ //把内容滚动指定的像素数(第一个参数是向右滚动的像素数,第二个参数是向下滚动的像素数) window.scrollBy(0,-10); //延时递归调用,模拟滚动向上效果 scrolldelay = setTimeout('go_to_top()',5); //获取scrollTop值,声明了DTD的标准网页取document.documentElement.scrollTop,否则取document.body.scrollTop:因为二者只有一个会

返回顶部js

backToTop.js: (function () { var $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body")) .click(function () { $("html, body").animate({ scrollTop: 0 }, 120); }), $backToTopFun = function () { var st