我使用jquery添加和刪除一個類,當我將鼠標懸停在縮略圖上但當縮略圖太靠近時,會彈出一個提供信息的工具提示到瀏覽器的邊緣,Chrome瀏覽器的工具提示超出了Chrome的範圍,並且不可讀。關於從哪裏開始提供工具提示的任何想法都保留在屏幕上?感謝您的任何建議。下面是代碼:防止工具提示/ DIV在鼠標懸停/懸停時脫離瀏覽器Chrome瀏覽器
1
A
回答
1
http://jsfiddle.net/loktar/ySeTL/10/
全屏 http://jsfiddle.net/loktar/ySeTL/10/embedded/result/
基本上,只是沒有表現出來,如果它會出界。下一步將是另一個,它將你正在顯示的元素定位到左邊的許多像素。
我的標記有點困惑。看起來你擁有的所有東西都表現爲單個元素。 IE標題,圖片,描述都是獨立的隱藏元素。我會圍繞它們包裝一個容器,然後隱藏/顯示,並定位。
+0
感謝你們的幫助。我會做這個工作。 – Wes 2011-02-28 23:06:06
0
在過去,我之前顯示它使用的位置計算算法中,以確定彈出窗口的位置。您必須確定彈出節點的位置,寬度和高度,然後將其與文檔尺寸進行比較。如果它超出邊界,則在調用類更改函數之前重新定位它。
相關問題
- 1. jquery qTip鼠標懸停瀏覽器崩潰
- 2. 鼠標懸停在IE瀏覽器窗口的問題8.1
- 3. 跨瀏覽器的動畫gif在懸停和反轉時鼠標離開
- 4. 如何防止在IE瀏覽器下拉時停用懸停效果?
- 5. 鏈接跳轉懸停谷歌瀏覽器和Safari瀏覽器
- 6. clearInterval,停止鼠標懸停計時器
- 7. Opera瀏覽器:懸停奇怪
- 8. CSS懸停+元素WebKit的崩潰器(Chrome,Safari瀏覽器)
- 9. CSS LI懸停 - 瀏覽器兼容?
- 10. 鼠標懸停和ajax工具提示
- 11. 僅在Chrome瀏覽器中懸停CSS圖像奇怪效果
- 12. li:在Chrome瀏覽器上懸停問題
- 13. 請即時搜索結果懸停打開Chrome瀏覽器工具
- 14. css菜單懸停在Chrome瀏覽器和safari中「掛起」
- 15. Chrome瀏覽器在懸停項目上閃爍白色空間
- 16. 滾動不可用於懸停的Chrome瀏覽器
- 17. Div鼠標懸停
- 18. 將跨瀏覽器懸停在div上的最佳方式
- 19. 如何防止在鼠標懸停時隱藏jquery.qtip2工具提示?
- 20. 如何在Chrome瀏覽器和Safari瀏覽器中顯示工具提示
- 21. CrystalReports在瀏覽器中停止工作
- 22. 當瀏覽器較窄時,防止左div滑出瀏覽器
- 23. 在鼠標懸停時顯示div
- 24. C#在瀏覽器標籤上懸停工具提示時顯示不同文本
- 25. 在鼠標懸停時隨光標移動工具提示
- 26. 在鼠標懸停時停止動畫
- 27. 在鼠標懸停時停止圖像抓取工具
- 28. CSS懸停在谷歌瀏覽器不工作
- 29. css下拉懸停在互聯網瀏覽器中不工作
- 30. Jquery隱藏的DIV鼠標懸停工具提示
qTip:[link](http://craigsworks.com/projects/qtip/)是基於jquery構建的,並且支持這種功能。 – TheJubilex 2011-02-28 20:28:33