I would like to say that my English is weak and this is the first time I am asking a question here. That's my question. When you press and hold the edge of the phone, the nav will open. You can navigate between links without lifting your finger from the screen. whichever link is hover, let the scroll go to that section. when you withdraw your hand from the screen, the navbar should be closed.
These phones are also in the contact section. that is, when you press and hold it in the right corner and scroll up and down, it links to the names in alphabetical order. I will simply open the entire navbar list.
I hope you understood everything. There is a similar logic in the different design Facebook reactions. And it works on the web.
$('.hover-opened').on('touchstart touchend', function(e) {
$(".nav").toggleClass('hover_effect');
e.preventDefault();
});
I wrote this code first. navbar opens. closes when you lift your finger. but the hover effects don't work when it comes to transitions in the navbar