使用js固定div的高度

function getPageScroll(){
 
var yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
        //xScroll = self.pageXOffset;
} else if (document.documentElement && document.documentElement.scrollTop){
yScroll = document.documentElement.scrollTop;
} else if (document.body) {
yScroll = document.body.scrollTop;
}
//arrayPageScroll = new Array('',yScroll)

 
return yScroll;
}

 

function scroll_Edit_area() {

 //alert('0');
 var height_scrollValue = getPageScroll();//
 //还是有可能 在 底下  看不到按钮
 //判断屏幕分辨率
 if(window.screen.height == 768)
 {
   document.getElementById('edit_area').style.top =  height_scrollValue + 40+ 'px';// topHeight+ 'px';
 }
 else if (window.screen.height == 600)
 {
  document.getElementById('edit_area').style.top =  height_scrollValue + 0+ 'px';// topHeight+ 'px';
 }
 else if (window.screen.height >= 1024)
 {
  document.getElementById('edit_area').style.top =  height_scrollValue + 144+ 'px';// topHeight+ 'px';
 }
 else
 {
  document.getElementById('edit_area').style.top =  height_scrollValue + 144+ 'px';// topHeight+ 'px';
 }
 //document.getElementById('edit_area').style.bottom =  '20px';
 
 


}

 

window.onscroll = function() {scroll_Edit_area();};

posted @   郑文亮  阅读(1656)  评论(1编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
点击右上角即可分享
微信分享提示