阻止整個頁面滾動一個div滾動到底部

對不起，如果這是一個簡單的問題，但我發現很難谷歌在這個問題上。我正在爲我的網站實施一個自制的聊天系統。在任何頁面的右下角都會有一個由可滾動的div組成的chatwindow（以gtalk方式）。如果顯示的消息太多，則該div將變爲可滾動。到現在爲止還挺好。阻止整個頁面滾動一個div滾動到底部

我想要的是，當用戶滾動這個div並達到它的底部，滾動停止：但實際上一旦聊天div滾動，整個頁面開始滾動。如果用戶想要滾動頁面，我希望他必須將鼠標移出聊天分區，然後滾動。

我可以在簡單的CSS中實現嗎？還是我需要一些JS？

在此先感謝。

來源

2012-10-23 Daypi

http://jsfiddle.net/Tgm6Y/1447/

我猜u需要這樣的..對嗎？如果你需要這樣的東西..隨着CSS你也需要一些JS ..

$.fn.followTo = function (elem) { 
    var $this = this, 
     $window = $(windw), 
     $bumper = $(elem), 
     bumperPos = $bumper.offset().top, 
     thisHeight = $this.outerHeight(), 
     setPosition = function(){ 
      if ($window.scrollTop() > (bumperPos - thisHeight)) { 
       $this.css({ 
        position: 'absolute', 
        top: (bumperPos - thisHeight) 
       }); 
      } else { 
       $this.css({ 
        position: 'fixed', 
        top: 0 
       }); 
      } 
     }; 
    $window.resize(function() 
    { 
     bumperPos = pos.offset().top; 
     thisHeight = $this.outerHeight(); 
     setPosition(); 
    }); 
    $window.scroll(setPosition); 
    setPosition(); 
}; 

$('#one').followTo('#two');

來源

2012-10-23 10:03:02 Xavier

阻止整個頁面滾動一個div滾動到底部

回答

相關問題