Questions tagged [scrollbar]

A scrollbar is a graphical user interface element relating to a display which is only partially visible. The scroll bar provides visual feedback on which portion of the element is in view, and the ability to move the view of the main element.

Filter by
Sorted by
Tagged with
-1 votes
0 answers
19 views

how do i change the color for this Scrollbar (tkinter, python)

scrollbar_table = Scrollbar(master, orient=VERTICAL,) scrollbar_table.config(command=self.table_view.yview, bg = 'black', activebackground= 'black') scrollbar_table.grid(row=4, column=...
Joel Düßmann's user avatar
0 votes
0 answers
14 views

In Vaadin 14 how do I force the scrollbar on a listbox to move to the top when new items are loaded

I am using Vaadin 14 and have implemented paging for a listbox that uses a forward button to load the next n items and a back button that to load the previous n items. The problem I have is that if I ...
aculb's user avatar
  • 1
0 votes
0 answers
33 views

Horizontal Scrollbar using JavaScript

In the image shown above, I want to implement that horizontal Scrollbar. The object object have stored in a js object Can anyone help me to implement that scroll bar. Thanks in advance I know how to ...
Sonal Gaud's user avatar
0 votes
1 answer
31 views

How to create a 'horizontal-scroll-bar' that 'loops, the content inside' (allowing for endless scrolling to the right/left)?

New to programming/code- here, and struggling a bit in finding/creating the right code! Any assistance would be greatly appreciated! First thing's first, here's my CSS & HTML Code: CSS: ....
Scholah's user avatar
0 votes
1 answer
33 views

How to add a scroll bar aside a widget without overlaying in Flutter?

I am trying to add a scroll bar to a GridView in Flutter using ScrollBar widget. I want the scroll bar to be always visible. However, the scroll bar overlays (comes in front) of the grid. Is there a ...
Arfeen Yousuf 's user avatar
1 vote
1 answer
26 views

python table set_vscroll_postion not working

Running Python pysimplegui with a table im not exacly sure of where to put my .set_vscroll_postion(1.0) My main issue is that i have lots of data and I want the user to see the most current. I imagine ...
KurtA's user avatar
  • 43
0 votes
0 answers
15 views

Can't add scrollbar when using flex-grow

I want .lines-wrapper to have a scroll when the .line-row takes up more than 270 px. I loop out multiple .line-row and they need to adjust to the height that is available, hence using flex-grow. I ...
fiwi92's user avatar
  • 11
0 votes
0 answers
5 views

react-vertualize, scrollbar goes top directly when there is less data

description with example: I am having 24 rows in database which are getting from getContractReviewListQuery?.data. initally i am calling api twice so i am getting 18 record (each time i am getting 9 ...
Ninad Bhoir's user avatar
1 vote
0 answers
55 views

How can I add a Horizontal Scroll Bar in System.Windows.Forms.ComboBox

I want to add a Horizontal Scroll Bar in System.Windows.Forms.ComboBox. The data that's need to be shown in the dropdown is very large. So, I can't just increase the Maximum Size. It will exceed the ...
HUNTER's user avatar
  • 11
0 votes
1 answer
33 views

How to change a ScrollContainer's scrollbar thickness in Godot 4.x

In Godot 4.x, how do you change the ScrollContainer's scrollbar thickness?
Dustin_00's user avatar
  • 355
0 votes
0 answers
12 views

How to remove extra space from mui Grid Data Table , when scrollbar appers?

I am using the mui data grid, the problem I am facing with it when the ScrollBar appears the table header is also taking some space, I want the row to only take space. Below is my code, Here I am ...
kashish rawat's user avatar
0 votes
0 answers
50 views

Larger tkinter table out of Entrys becoming very slow

I want to display data in a kind of table, scroll-able in y and resizing in x direction. For showing text in a single cell i use the entry widget. I want to separate the cells in x and y direction by ...
Patrick T.'s user avatar
0 votes
0 answers
19 views

VSCode Scrollbar tips (up and down single line)

Win7 (32 bit) VSCode v1.70.3 I am using VSCode and PlatformIO for ESP8266 development. When working in the IDE, there is a scrollbar to the right that works as expected. Unexpected are missing ...
Cool Javelin's user avatar
0 votes
0 answers
61 views

tkInter nested canvas's not display full contents of frames

I'm trying to build an appointment type application. I need nested Scrollbars to simulate an Excel 'freeze top row' type of function. I may have too many columns to fit conveniently, so I've put a ...
Rookie Mac's user avatar
0 votes
1 answer
38 views

Element's height should depend on other element while keeping min-height and show an optional scrollbar in CSS

I need help to style the blue container in following design. The blue container should have a min-height of 400px, an optional vertical scrollbar and automatically grow if the green container is ...
Robert's user avatar
  • 58
0 votes
0 answers
29 views

Scrollbar - make it visible by mobile device MUI React

I want to make my scrollbar always visible if there is an overflow. I achieved it using this code in my Apps.css For the styles I am using Material UI 5 (MUI). However, the problem is when I change to ...
Spongi's user avatar
  • 511
0 votes
1 answer
26 views

Add Scrollbar to page with header and content

Imagine I have the following page: The problem I got is that the scrollbar ends outside of my viewpoint. How do I archive this, that the scrollbar is exactly long as my viewport. This also means if I ...
Cuberino's user avatar
0 votes
0 answers
33 views

Tkinter,Mouse wheel binding scroll bar

I want scroll bar working when there are a lot of data,but when there is a few data, it's not scrolling. from tkinter import * def on_mousewheel(event): canvas.yview_scroll(-1*(int(event.delta/...
rock_bird's user avatar
0 votes
2 answers
59 views

window.scrollY value is controlled by wrong ScrollBar

I'm trying to integrate a scroll bar to a dynamic table after the height is 275px. The scroll bar is functional after the table reaches 275px, however, when I use the table scroll bar, I do not see ...
Junior's user avatar
  • 33
0 votes
0 answers
20 views

Overlay scrollBar on chrome is no longer working after the latests updates

I have a question about the overlay scrollBar, after the lastest update on chrome, we can no longer use it "Overlay-Chrome" Is there any other way to develop a personalized overlay scrollbar ...
Kamel BOUYACOUB's user avatar
0 votes
1 answer
33 views

How to change scrollbar color setting in Pysimplegui

I really love the Dark theme of Pysimplegui, but haven't found a way (that I can understand) to change the color of the scrollbar. I read through what I could find on this subject here: https://...
Kankan2000's user avatar
0 votes
1 answer
46 views

Tkinter TreeVIew Horizontal Scrollbar not working

I am building a normal table using tkinter and treeview. The horizontal scrollbar is visible but not activated although I have configured the settings. Wondering what is wrong with the code? import ...
newbies's user avatar
  • 59
0 votes
0 answers
40 views

How to hook the appearence of ScrollBar in Memo?

Does anybody know what message is sent when the scroll appears on a TMemo? I have a TMemo with a scrollbar. I want to decrease the font size upon text filling the window. I decided: when the scroll ...
t232006's user avatar
0 votes
0 answers
21 views

CSS scrollbar-gutter

Trying to see results on firefox with property scrollbar-gutter but didnt get answer. Trying to see results on firefox with property scrollbar-gutter with but didnt get answer. the gap between content ...
Mehdi Zivdari's user avatar
0 votes
2 answers
43 views

React - How to make the scrollbar track transparent on google chrome

::-webkit-scrollbar { width: 0.5vw; } ::-webkit-scrollbar-track { background-color: transparent; } ::-webkit-scrollbar-thumb { background-color: rgb(99, 99, 99); border-radius: 10px; } I ...
sébastien petit's user avatar
0 votes
2 answers
34 views

How to show Scrollbar outside page

I'm trying make a web with Flutter. When I created a list widget, I see my Scrollbar nextto list widget like this My result: And this is what I want to do for scrollbar: How can I move scroll to ...
Xuuan Thuc's user avatar
  • 2,415
0 votes
0 answers
23 views

Angular: Dragging the scrollbar in Firefox doesn't show the now-visible content until the primary mouse key is no longer pressed

I have a sidebar which is filled with content using a *ngFor directive. It can happen that the content is taller than the screen size, so the sidebar has a scrollbar. In Firefox dragging the scrollbar ...
SupremeKurt's user avatar
0 votes
0 answers
12 views

blurriness issue in custom scrollbar

I have a custom scrollbar that I created using styled components. However, when the scrollbar appears, the content within it experiences some blurriness issues. Here is my styled container for the ...
Mehrdad Karami Jourabi's user avatar
0 votes
0 answers
8 views

Requirement of only top to bottom scroll option in website

I have a website in which i have inserted one iframe page and i want that when iframe page ends, and we go again to top of main website it only scroll main page not iframe. I want to know how can i ...
Dhananjay's user avatar
0 votes
0 answers
18 views

Tabpage horizontal scroll bar issue on Datagridview combobox entry event in C#

I have a tab page which has got a Datagridview having multiple columns which creates need for horizontal scroll bar. I was not able to add scrollbar on DGV so added on tabpage. But when I scroll to ...
user10039653's user avatar
0 votes
0 answers
20 views

Scrollbar behaviour is different is Firefox when using flexbox [duplicate]

I have a page with a sidebar. The sidebar is placed in a flexbox column. The sidebar should show a (vertical) scrollbar if it's content cannot be shown on the page. When the scrollbar is shown the ...
Jan's user avatar
  • 9,898
0 votes
0 answers
24 views

tkinter scrollbar not scrolling fully

I'm creating an application that requires a section of the screen to be able to scroll through it so I can place a database list within it, however it does not allow me to scroll through the entire ...
Xx_IronicUsername_x X's user avatar
0 votes
0 answers
36 views

Can I change the height of scroll bar thumb?

I'm trying to change the height of the scrollbar thumb only, the scrollbar track must remain as it is. I'm trying .lc-graphic__figure::-webkit-scrollbar-thumb { background-color: var(--thumbBG); ...
Kasprzak Basia's user avatar
0 votes
1 answer
30 views

Scrollbar Tkinter not scrolling

I have a scroll bar on tkinter but it doesn't let me scroll the page, when I scroll it does not move at all. (The scrollbar is there) def new_window(serial, model, n_comp, ): newwindow = Toplevel(root)...
Fabio Lentini's user avatar
0 votes
1 answer
27 views

Scrollview is not working in python kivy app

I will need so much buttons and rows in my app I need scrollbar and scroll view in my other program scrolling is working but in this it is not working from kivy.app import App from kivy.uix.label ...
Gorbacov's user avatar
0 votes
0 answers
27 views

flutter: ScrollBar not always showing

The scrollBar in my Flutter app does not always show in my GridViewBuilder. It only shows when I begin to scroll. ScrollController scrollController = ScrollController(); Scrollbar( controller: ...
EBENEZER OCANSEY's user avatar
0 votes
2 answers
53 views

Remove scrollbar from child div

Here's my HTLM. .parent{ border: 1px solid green; } .child1 { border: 1px solid darkgreen; height:200px; } .child2 { border: 1px solid pink; height:200px; } .child3 { border: 1px ...
Valter's user avatar
  • 73
0 votes
1 answer
33 views

Is there a way to detect if the user has clicked the scrollbar in typescript?

I am working on a react application, where i am using window.addEventListener('mousedown', ...) to detect if the user has clicked on the window. However i do not want this event to trigger, when the ...
jopatam's user avatar
0 votes
1 answer
56 views

Tkinter - TopLevel Window Not Scrolling

I am creating a simple app for gym staff to use which allows them to do various things, one of which is open a membership form where they can sign up users. When I open the membership form (toplevel) ...
Chloe Stubbs's user avatar
0 votes
0 answers
17 views

my webkit scrollbar is working when the screen is smaller, but in fullscreen, it goes back to the standard scrollbar

i have my custom scrollbar working whenever my screen is smaller, and i tried a bunch of different codes in order to fix the customization from disappearing, but nothing has worked. heres what my code ...
kosmos's user avatar
  • 1
0 votes
0 answers
19 views

Background-clip: padding-box doesn't work for a thick transparent border

I'm trying to customize scrollbar appearance using the invisible borders solution. It works well, except for some edge cases, probably when the border width is too sick. Here's an example: .box, ....
kirschpirogge's user avatar
0 votes
2 answers
33 views

Scrollbar in HTML page not working well when a header is added

I have a page layout with multiple sections (divs). There is a banner and then there are two main vertical sections. The left section has a scrollbar so the user can scroll down to see all the links. ...
Kamran's user avatar
  • 1
0 votes
0 answers
44 views

Does the Python rich module provide scroll bars?

I'm creating a live table that gets updated every 60 seconds. The number of rows returned is variable and the size of the terminal is, of course, variable as well since it depends on what the user ...
Martin's user avatar
  • 43
1 vote
0 answers
74 views

How to preserve scroll state when calling router.refresh() in Next JS app router

I'm in a Next JS 13 app router page with the following layout: When clicking on a star icon, I'm updating some state in the DB and the containing card (green client cmp) should be moved to the top of ...
suamikim's user avatar
  • 5,458
0 votes
0 answers
21 views

vs code jupyter notebook output scroll

I have a question. When I run the code,enter image description here my output slit by "/" and goes down. I want to scroll my output bar horizantally. How can I do that? Please help me. This ...
EYÜP ENES TEZCAN's user avatar
0 votes
1 answer
41 views

The scroolbar is doesn't work in a tkinter app for an window

I have a tkinker window with several buttons and layouts that use place. I tried to create a scrollbar to the entire window. I added a scroolbar for a window with grid . The scroolbar doesn't scrool. ...
Andrei Tudor's user avatar
0 votes
0 answers
75 views

Why does a scrollbar appear in chrome display distorting my CSS but NOT in Chrome's Development Tools virtual display?

Issue: Two html elements, each with a width 50vw and placed side-by-side, occupy 100% of chromes virtual viewport width in development tool (as you might expect!), but NOT in chromes full screen mode. ...
User400's user avatar
0 votes
0 answers
90 views

CSS selector property overflow value overlay is gone, now what?

The overflow: overlay CSS property was a screen reader accessible solution to emulate the immensely popular iOS scrollbars that overlay the scrollable element and are transiently visible on :hover or :...
Dylan's user avatar
  • 495
0 votes
1 answer
35 views

Scrollbar with SingleChildScrollView not starting at the top of scroll-container

I created a quiz-application in Flutter. Before the quiz starts, a player will get on the start-page of a specific quiz. This page contains a header with title and background-image, and a body with ...
Nick Schepers's user avatar
0 votes
0 answers
20 views

How to add scrollbar to fullcalendar schedular in resource

In my case I have multiple technician and I am showing technician in resorce view in fullcalendr schedular. If there are many technician then resource column are adjusted in same width but I have not ...
Suraj Rawal's user avatar

1
2 3 4 5
130