溢出容器停止訪問滑塊觸摸/滑動

Question

希望你能幫助。我是一個新手，儘管研究還沒有找到解決我的問題的方法。我有一個透明的導航欄，坐落在具有觸摸滑動功能的滑塊頂部，以及箭頭導航按鈕點擊下一個/上一個。直接在透明導航下是一個顯示/隱藏文本內容的標籤（使用jquery）。請參閱下面的測試鏈接。

問題是，爲了顯示/隱藏消失在導航後面，它需要坐在一個div容器中，溢出：隱藏。這是我在下面的測試中着紅色的容器。不幸的是，在移動設備上，這個容器覆蓋了大部分頁面，並且阻止了大部分頁面上的觸摸滑動功能。如果任何人可以提供任何建議，關閉顯示/隱藏時是否可以摺疊包含紅色的div，我會非常感激。

http://the3rdobject.com/test/index.html

Answer 1

你需要的是一個回調。在該回調中，您可以顯示/隱藏困擾您的div。

更多細節在這裏：http://api.jquery.com/toggle/。

你有什麼興趣這一部分：

$("#clickme").click(function() { 
    $("#book").toggle("slow", function() { 
     // Animation complete. 
    }); 
}); 

在你的情況，你可能想要做這樣的事情：

$("#clickme").click(function() { 
    $("#book").toggle("slow", function() { 
     $("#botheringDivId").hide(); 
    }); 
}); 

您可能需要適應它一下，以滿足您的需求，但這應該很容易。