我試圖找到最簡單的代碼,無論是獨立的還是與jQuery,這樣做:當我在我的鍵盤上按j, m重定向到下面的div,當我按k時,我被髮回到上面的div。如果它可以順利滾動,則可以加分。導航到'j'和'k'鍵的頁面
2
A
回答
1
我想你會想用以下兩個插件的組合:
http://plugins.jquery.com/project/hotkeys
和
http://plugins.jquery.com/project/ScrollTo
,你可以在這種方式的使用:
$(document).bind('keydown', 'j', whenyoupressj);
$(document).bind('keydown', 'j', whenyoupressk);
,實際滾動部分可能是:
$.scrollTo('#someid', 800, {easing:'elasout'});
0
我想在這樣的方式做到這一點使用jQuery:
$(document).keydown(function (e) {
// Handle only [J] and [K]...
if (e.keyCode < 74 || e.keyCode > 75) {
return false;
}
// Find the "active" container.
var active = $('div.active').removeClass('active');
var newActive;
// Handle [J] event.
if (e.keyCode == 74) {
newActive = active.next('div');
//if (newActive.index() == -1) {
// newActive = $('div', container).last();
//}
}
// Handle [K] event.
else if (e.keyCode == 75) {
newActive = active.prev('div');
//if (newActive.index() == -1) {
// newActive = $('div', container).first();
//}
}
if (newActive !== undefined) {
newActive.addClass('active');
$(document).scrollTop(newActive.position().top);
}
});
相關問題
- 1. 使用'j'和'k'導航的vim字完成
- 2. WordPress的附件頁面導航鍵盤
- 3. 從子頁面導航到父頁面
- 4. MVVM Silverlight和頁面導航
- 5. 導航頁面?
- 6. 頁面導航
- 7. 鍵盤導航加載頁面
- 8. AngularJS頁面導航
- 9. WPF頁面導航
- 10. 頁面導航JSF
- 11. WP7頁面導航?
- 12. JSF頁面導航
- 13. 刪除twitter.com上的J和K鍵事件
- 14. 簡單的XAML到XAML頁面導航
- 15. 導航到Ionic-V1的新頁面
- 16. 導航到jquery mobile中的div頁面
- 17. 導航到頁面的特定錨
- 18. 的Windows Phone - 導航到其他頁面
- 19. 學習J/K/APL
- 20. 我得到StaleElementReferenceException後導航到不同的頁面和回來
- 21. 加載的頁面導航
- 22. Silverlight的頁面導航
- 23. Windows Phone的頁面導航
- 24. 硒中的頁面導航
- 25. 導航不同的頁面
- 26. WordPress的頁面導航
- 27. 在NSTableView中用'j'和'k'模擬箭頭鍵?
- 28. 當前頁面和子頁面的導航指示器
- 29. 登錄頁面和導航欄
- 30. 頁面導航問題ionic2和angular2
你不能給加分,所以不要騙我! – Loktar
可能的重複http://stackoverflow.com/questions/2168739/using-arrow-keys-with-jquery-scrollto – CashIsClay
我的意思是加分比喻,哈哈。 Artsemis,我沒有看到這個問題,我在發佈之前做過搜索,但無論如何都很抱歉。 – Edvard