彈出DIV位置

我的HTML頁面是這樣的..彈出DIV位置

<a id="profile" href="#">Over Me to Show</a> 
<div id="profile-view"> 
<span>Loading profile details...</span>

我的jQuery的篩選。

function ProfileView(){ 
      var height = 18; 
      var left = 10; 
      var Position = $('#profile').position(); 
      var SetPos = { 
       top:(Position.top + height) + 'px', 
       left:(Position.left + left) + 'px' 
      }; 
      $('#profile-view').css(SetPos); 
      $('#profile-view').show(); 
     } 
     $(document).ready(function(){ 
      $('#profile').mousemove(function(){ 
       ProfileView(); 
      }); 
     });

當我將光標移動到一個鏈接上（通過我顯示）＃profile-view div應該顯示。其工作正常這個div始終顯示在鏈接的底部..
我需要如果div（＃profile-view）全高或寬度不能顯示在鏈接下面如果鏈接溢出，它應該顯示在鏈接的上方或右側或左側可用空間顯示div中的所有內容。

我不就沒怎麼在高科技term.so問這個請忘了，如果任何事。

來源

2015-11-19 Prem Kumar

它會如果你清楚地陳述你的結果應該是什麼，那就夠了！ – Gacci

你爲什麼不設置一個高度，然後使溢出滾動 – Gacci

我可以做，如果它的全文，如果我把一個圖像的DIV中，它不會好看。 –

你應該得到鼠標的位置，並增加或減少此值以良好的位置：

$(document).ready(function(){ 
    $('#profile').mouseover(function(event){ 
     var x = event.clientX; 
     var y = event.clientY; 
     ProfileView(x, y); 
    }).mouseout(function() { 
      $('#profile-view').hide(); 
    }) 
}); 

function ProfileView(x, y){ 

      var height = 18; 
      var left = 10;    
      var SetPos = { 
       position : 'absolute', 
       top: (x + height) + 'px', 
       left: (y + left) + 'px' 
      }; 
      $('#profile-view').css(SetPos); 
      $('#profile-view').show(); 
}

來源

2015-11-19 08:04:34 HamidReza

它的工作，但顯示檢查鏈接到頁面底部時，在很長的距離格.. –

看到Facebook的個人資料信息股利。它會根據配置文件名稱的位置改變自動。 –

最後我得到了下面的鏈接相關的解決方案.. Demo Link

Source Code

來源

2015-11-19 08:30:40

回答

相關問題