js 固定悬浮效果实现思路代码【javascript】

web前端|js教程

js,固定悬浮

web前端-js教程

live555 linux源码下载,npm vscode,ubuntu sz rz,tomcat kafka,js sqlite本地,app软件需要服务器吗,资源宝箱 插件,前端程序框架类型,java 爬虫 视频,php页面开发,seo培训好吗,网站手机pc同步,手机网页模板下载,dedecms 图片站 模板,关于我们页面模板下载,javaweb校园宿舍管理系统源码,磁力搜索php程序lzw

(function($){

var ele_fix = $("#div_right"); //浮动窗口

var _main = $(".main"); //浮动区域

var ele_offset_top = ele_fix.offset().top; //浮动区域高度

$(window).scroll(function(){

var scro_top = $(this).scrollTop(); //当前高度

var fix_foot_pos = parseInt(ele_fix.height())+parseInt(scro_top)-10; //浮动框最底部到最顶部高度

var mainpos = parseInt(_main.offset().top)+parseInt(_main.height());

if(scro_top <= ele_offset_top&&fix_foot_pos<mainpos){

ele_fix.css({position: "static", top: -10});

}else if(scro_top>ele_offset_top&&fix_foot_pos<mainpos){

ele_fix.css({position: "fixed", top: -10});

}else if(scro_top>ele_offset_top&&fix_foot_pos>mainpos){

var posi = mainpos-fix_foot_pos-10;

ele_fix.css({position: "fixed", top: posi});

}

});

电子报管理系统php源码下载,vscode默认路劲,ubuntu 系统过热,tomcat怎么绑定端口,爬虫图,php请求拦截,什么是seo平台广告,php网站源代码打包下载,信息录入网页模板lzw

/*

delphi订单软件源码,ubuntu延时重启命令,java 爬虫时间间隔,php最难,小卡seo博客lzw

//方案二

$(window).bind("scroll",function() {

var temp = 1165;

//判断往下滚

if ($(document).scrollTop() > temp) { //如果大于这个高度，就置顶

flag = false;

$(#div_right).css({position:fixed, op:-10px, margin-top:px});

}

if ($(document).scrollTop() <= temp) { //如果小于这个高度，则恢复原来状态

flag = true;

$(#div_right).css(position,\);

}

});

*/

})(jQuery);