如何防止滾動時日曆小部件在屏幕上浮動? 我正在使用jquery datepicker。如何防止日曆小部件在滾動時浮動?
回答
var datePicker = $('#datepicker').datepicker();
$(".demo").scroll(function() {
datePicker.datepicker('hide');
$('#datepicker').blur();
});
$(window).resize(function() {
datePicker.datepicker('hide');
$('#datepicker').blur();
});
當容器div或窗口滾動時,這將隱藏日期選擇器。這裏是一個工作小提琴check solution
$('#datepicker').blur();
會派上用場,當用戶滾動.demo日曆隱藏,但輸入仍然集中,所以當他回滾時,他可以變得困惑。所以當我模糊它,他將不得不再次點擊輸入和日期選擇器將顯示。
感謝有點幫助的解決方案。不能我們修復這個日曆小部件輸入,即使我們滾動? –
@ ak38你是什麼意思在滾動時輸入 –
@ Hudhaifa Yoosuf輸入意味着在這裏是datepicker的表單文本框。 –
我試過每一個答案,我可以在網上找到。我最終只是做這個滾動時隱藏日期選擇器:
$(document).ready(function() {
var datepickerWin = $("id$=txtboxDate").datepicker({});
document.addEventListener("wheel", function(event){ //anytime the mousewheel is scrolled
datepickerWin.datepicker("hide");
$("id$=txtboxDate").blur(); //so we can remove the mouse cursor from the input field
});
$("id=btnDate").click(function() {
datepickerWin.datepicker("show");
});
});
- 1. 浮動p:滾動時的日曆
- 2. 水平滾動的大小,如何防止漂浮從包裝
- 3. 如何防止部分在拖動單元格時滾動?
- 4. Winforms:取消/防止在DataGridView外部滑動時滾動事件
- 5. 當用戶手動滾動時,如何防止自動滾動?
- 6. 如何防止TADORecordset滾動?
- 7. 如何防止TouchEvent滾動
- 8. 如何防止滾動到頂部後滾動到元素
- 9. 如何知道畫廊小部件何時停止滾動?
- 10. 如何防止textarea在值更改時滾動到頂部?
- 11. WPF工具包日曆控件 - 如何防止下個月滾動?
- 12. 如何防止自動滾動DataGrid中
- 13. 如何防止DataGrid RowDetails停止滾動?
- 14. 如何防止在PropertyGrid刷新滾動?
- 15. 如何在點擊UITextView(MonoTouch)時防止UIScrollView自動滾動?
- 16. 我如何防止滾動被阻止滾動的子格
- 17. 如何防止滾屏同時在滾動視圖內繪製
- 18. 如何防止JQuery UI菜單浮動?
- 19. 如何防止浮動div「跌落」?
- 20. Fullpage.js - 防止滾動
- 21. 防止ScrollViewer滾動
- 22. 防止ListView滾動
- 23. 防止iframe滾動
- 24. CSS防止滾動
- 25. 防止FlipView滾動
- 26. 防止UITableView滾動?
- 27. 防止JavaScript啓動滾動
- 28. 防止RichTextBox自動滾動
- 29. 防止contenteditable自動滾動
- 30. 防止使用小鍵盤滾動
,你可以嘗試以下 –