垂直滚动不起作用

对于下面的代码，垂直滚动条似乎没有向下滚动以查看文本？任何帮助不胜感激。试图改变溢出和定位，但没有奏效。也许与javascipt可能存在问题？或者，也许在CSS和JS之间的冲突？感谢：垂直滚动不起作用

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script> 
<title>AUTO RESIZE BACKGROUND IMAGE</title> 
<script type="text/javascript"> 
$(document).ready(function() { 
     $("#triquibackimg").load(function(){ 
      resize_bg(); 
     }) 
     $(window).resize(function(){ 
      resize_bg(); 
     }) 
     function resize_bg(){ 
      $("#triquibackimg").css("left","0"); 
      var doc_width = $(window).width(); 
      var doc_height = $(window).height(); 
      var image_width = $("#triquibackimg").width(); 
      var image_height = $("#triquibackimg").height(); 
      var image_ratio = image_width/image_height;  
      var new_width = doc_width; 
      var new_height = Math.round(new_width/image_ratio); 
      if(new_height<doc_height){ 
       new_height = doc_height; 
       new_width = Math.round(new_height*image_ratio); 
       var width_offset = Math.round((new_width-doc_width)/2); 
       $("#triquibackimg").css("left","-"+width_offset+"px"); 
      } 
      $("#triquibackimg").width(new_width); 
      $("#triquibackimg").height(new_height); 
     } 
});  
</script> 
<style type="text/css"> 
     #triquiback{ 
      left: 0; 
      top: 0; 
      position:fixed; 
      overflow: auto; 
      zIndex: -9999 
     } 
     #triquibackimg{ 
      position:relative  
     }  
</style> 
</head> 
<body> 
<div id = "triquiback"> 
     <img id = "triquibackimg" src =  "http://www.lightmedia.hu/hirlevel/sonybmg/foofighters/061124/sajto_2.jpg" /> 
</div> 

<div> 

hi 
</div> 
</body> 
</html>

来源

2011-10-23 Kelly

非常感谢。如果需要，jsfiddle仍然存在：http://jsfiddle.net/VkQ67/ – Kelly

您需要包装中具有某种定位的（相对应罚款用于所有目的）的容器文本，否则它会留在其他定位的元素后面。这里有一个例子：http://jsfiddle.net/VkQ67/1/

来源

2011-10-23 18:00:38 deviousdodo

非常感谢。还有任何想法为什么主要的形象没有完全显示加载？也就是说，如果您调整了browswer窗口的大小，图像的大小应该放在第一位？ – Kelly

@Kelly是的，这是因为图像上的'.load'不会触发（正确地在所有浏览器中等）。你需要使用setTimeout并检查宽度，请看这里：http://jsfiddle.net/VkQ67/2/ – deviousdodo

垂直滚动不起作用

回答

相关问题