I created horizontal scroll menu as shown in w3schools how to guide,
but my problem is,
it shows a line/indicator while scrolling,
i want to Remove that line.
https://www.w3schools.com/howto/howto_css_menu_horizontal_scroll.asp
How can i remove that Line/Indicator?
Related
I am getting the following behaviour while using the horizontal scroll bar. I have used the custom scroll bar design.
The horizontal scroll bar appears as expected when the content overflows as I have used overflow-x: auto. The scroll works on left/right arrow keys and wheel events. Also, it works fine with the touchpad. But it doesn't work when we click on the scroll bar and try to drag it. The scroll bar doesn't move. We should be able to scroll by clicking on the scroll bar and dragging it. For the same element, the vertical scroll bar works fine.
What could be the possible reason for this?
It's simple but I can't find the solution.
https://prnt.sc/q6mfb6
https://codepen.io/lastofdead/pen/WNbvXRP
As it appears, the drop-down menu stuck in div. What should I do to get dropdown menu out?
You need to remove overflow-y: auto from .hastanotu as it's preventing your div from showing the content when its height increases, and hence showing the scroll bar. By removing it you let the div flow naturally.
solution: https://codepen.io/obedparla/pen/zYxEgGY
is any chance to have a scroll bar element that I can move where I want on the page but to link with my scroll box? I have created my scroll box ready but I need a scroll bar that should to be moved on other place on page.
Try jQuery Scrollbar - look at Advanced Scrollbars Demo page - External scrollbar.
If you want to use native browser scrollbar (or do not like custom scrollbars), you will have to use two containers - one with your scrollable content and the second one - with scrollbar that attached to first container. Look at question Attach Horizontal Scrollbar to bottom of window if scrollable div is taller than window
I hope there is someone who can help me:
I would like a horizontal menu with horizontal sub-menues - to be visible all time and submenus to be displayed horizontal, instead of vertical dropdown.
I have created a dropdown vertical - I can not change the submenus to bilve shown constantly horizontal
See example fiddle
See this fiddle: http://jsfiddle.net/PhuBQ/7/
the submenu is always visible and it's displayed horizontally.
I have a page, but I can't see part of my page, because dthe Horizontal scroll don't appear. The vertical scroll is ok.
How can I put the horizontal scroll in my page ?
I tried CSS overflow-x:scroll but doens't work.