js楼层 类似与天猫的京东

// JavaScript Document
$(window).scroll(function(){
	// this code if the fix nav
	var fixnav =$(‘.boholo_fix_nav‘).offset().top;
    var hideheght=$(‘.block‘).offset().top;
	var trss=$(‘#item4‘).offset().top;
	var nav=$(".boholo_fix_nav");
	var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
	if(scrollTop < 623){//其实呢,623就是fixnav距离顶部的高度
					  nav.removeClass("fixednav");
					 };
   if(scrollTop>fixnav && scrollTop< hideheght){
		  nav.addClass("fixednav");
		  };
	if(scrollTop > trss){
		 nav.removeClass("fixednav");
		};

// this code if the fix nav	is a slight
	 var items = $(".boholo_fix_nav_body").find(".item");
	 var menu = $(".boholo_fix_nav");
	// var top = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
	 var currentId = ""; //滚动条现在所在位置的item id
	 items.each(function () {

				//var m=$(‘.boholo_fix_nav_body‘).children(‘.item‘).offset().top;	

                   var m = $(this);
				  //var m =$(‘.item‘);
                    //注意:m.offset().top代表每一个item的顶部位置
                    if (scrollTop > m.offset().top - 200) {
                        currentId = "#" + m.attr("id");
                    } else {
                        return false;
                    }
                });

	   var currentLink = menu.find(".current");
                if (currentId && currentLink.attr("href") != currentId) {
                    currentLink.removeClass("current");
                    menu.find("[href=" + currentId + "]").addClass("current");
                }

	});

  

时间: 2024-10-13 05:15:05

js楼层 类似与天猫的京东的相关文章

js实现类似php中strtotime函数和timetostr的日期转换/互换功能

<script type="text/javascript">   //日期(格式:yyyy-mm-dd H:i:s) ---转换为以秒为单位的unix时间轴(格式:xxxxxx) 方法一:   //摘取天上星:http://blog.csdn.net/zqtsx   function strtotime1(datetime){        var tmp_datetime = datetime.replace(/:/g,'-');        tmp_datetime

js 实现类似百度联想输入,自动补全功能

js  实现类似百度联想输入,自动补全功能 方案一: search是搜索框id="search" 1 //点击页面隐藏自动补全提示框 2 document.onclick = function (e) { 3 var e = e ? e : window.event; 4 var tar = e.srcElement || e.target; 5 if (tar.id != search) { 6 if ($("#" + auto).is(":visibl

通过js看类似C#中的回掉

我认为并行有两种形式,第一种是异步,第二种是多线程,目的都是为了实现并行,只不过异步和多线程都是手段而已 第一种异步 异步,执行完函数或方法后,不必阻塞性地等待返回值或消息,只需要向系统委托一个异步过程,那么当系统接收到消息时,系统会自动触发委托的异步过程,从而完成一个完整的流程 第二种多线程多线程,由于同步函数在请求API数据的时候,由于网络等原因,不能很快的完成,因此会发生进程阻塞(直到本身函数执行完成,下面的函数才会执行),因此,往往是新建一个进程,让它执行这个过程,主线程管理用户界面,不

js 实现类似php函数number_format的功能

今天同事在做一个功能的时候需要使用js来实现类似php函数number_format的功能,最后就有了下面的方法,可以实现了: /** * number_format * @param number 传进来的数, * @param bit 保留的小数位,默认保留两位小数, * @param sign 为整数位间隔符号,默认为空格 * @param gapnum 为整数位每几位间隔,默认为3位一隔 * @type arguments的作用:arguments[0] == number(之一) */

Js实现类似PHP里trim方法

var trim = function(a,b){     var a = a ? a : " ";     var b = b ? b : "";     if (b == ""){ return "";     }     var la = a.length;     var lb = b.length;     var s = e = false;      if(b.indexOf(a) === 0){      s 

js实现类似qq表情(插入图片以及获取光标的效果)

<!doctype html><html style="height:100%"><head><meta charset="utf-8"><title>无标题文档</title></head> <body><div class="popover-content">   <ul class="list-inline emote

js实现类似jquery基础功能 简单选择器/事件/属性

按钮样式定义 <style> .btn{display: inline-block;width: 100px;height: 20px;color: #fff;font-size: 12px;background-color: #0033dd;text-align: center;line-height: 20px;text-decoration: none;border:  5px #0000ff outset;} .btn-big-test{width: 300px;height: 85p

js实现类似百度提示功能

<div> <input id="condition" name="object.name" type="text" onkeyup="doQuery()"/> 这个键盘事件很重要实现动态交互 <div id="div" style="position: absolute;z-index: 100"> <table id="table&

JS编写类似弹出窗口样式显示层

JSp中增加div <!-- 提交变更申请 --> <div id="changeWindow" class="easyui-window" data-options="title:'提交变更申请',collapsible:false,minimizable:false,maximizable:false,modal:true" closed="true" style="width:820px;he