求上下浮动的图片在指定的区域内随浏览器上下滚动的js代码

发布网友发布时间：2022-05-01 23:51

共2个回答

热心网友时间：2022-04-25 15:26

关键代码：
main-left：左侧参照DIV；
main-right：要浮动的DIV；
div.top-box：页面顶部的Fixed层；

$(document).ready(function(){
$(window).scroll(function(){
  var
leftTop  = $("#main-left").offset().top;
  var rightTop =
$("#main-right").offset().top;
  var scrollerTop = $(this).scrollTop() +
$("div.top-box").height();
  if(scrollerTop > leftTop) {
   if
(scrollerTop + $("#main-right").height() < leftTop +
$("#main-left").height()){
    if ($("#main-right").css("position") !=
"fixed"){
     $("#main-right").css({"position":"fixed",
"left":$("#main-right").offset().left + "px", "top":$("div.top-box").height() +
"px"});
    }
   }else{
    $("#main-right").css({"position":"fixed",
"left":$("#main-right").offset().left + "px", "top":($("div.top-box").height() -
(scrollerTop + $("#main-right").height() - (leftTop + $("#main-left").height()))
) + "px" });
   }
  } else {
   if ($("#main-right").css("position") !=
"static"){
    $("#main-right").css({"position":"static"});
   }
  }
});
});

热心网友时间：2022-04-25 16:44

二、调取这时你复制下的图片或文字屏幕已被电脑自动保存在剪贴板中。只要你打开电脑中的“画图”（点击：开始→所有程序→附件→画图），在画图的页面状态图：技术制图中的基础术语，指用点、线、符号、文字和数字等描绘事物几何特征、形态、位置及大小的一种形式（注意，是一种形式）片