2017-04-05 27 views
0

我在JavaScript和CSS中製作日期選擇器。這一切工作正常,但我有觸摸設備的問題。當選擇器出現,它看起來是這樣的:在頂部上一年觸摸導致在觸摸下方出現的元素上懸停

enter image description here

點擊(在這個例子中「1983」)的結果在選擇器改變到一年的選擇,像這樣的內容:

enter image description here

這工作完全在桌面上。但是在移動(iOS的是特定的)的選擇器的原因上的觸摸結束之後也股利和股利內容懸停觸摸事件發生了變化,導致這種效果:

enter image description here

1980年已被突出顯示,好像用戶正在其上徘徊,而此元素位於打開此視圖的觸摸位置之下。

拾取器上的所有元素都是div,樣式是使用CSS類完成的,其中使用懸停項目的輪廓進行添加:將鼠標懸停在類上。

如果需要,我可以提供特定的代碼,但希望這可以提供足夠的信息來實現這個想法。

+0

看起來這可能是由已知的「粘滯懸停效應」造成的。本頁詳細介紹了它,以及如何禁用移動設備上的懸停功能,但不是一種解決方法,可以讓懸停設備正常工作。 http://www.javascriptkit.com/dhtmltutors/sticky-hover-issue-solutions.shtml – mashers

回答