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.
6,411
questions
-1
votes
1
answer
19
views
AttributeError: 'NoneType' object has no attribute 'set' (Tkinter) [duplicate]
I am trying to use tkinter (by following a tutorial, I am learning) to create a simple text editor.
Here is the code that I am having issues with:
scroll = Scrollbar(stimulator_window).pack(side=RIGHT,...
0
votes
0
answers
24
views
Contents of div keeps bouncing
I am designing a normal on-end chat application.
While designing the middle portion, I added the JavaScript scroll feature to show the latest message at the bottom, after that the scroll bar and the ...
0
votes
0
answers
24
views
How do I combine overflow visible and scroll?
I have a slider component that I'm building. It uses the Bootstrap .container class to be contained in a specified page width, but needs to overflow to the right side of the screen. If I use overflow-...
0
votes
0
answers
16
views
Make scrollbar from SASS mixin only visible when scrolling
I'm using a SASS mixin to style the scrollbar in my React app. The styling itself works fine, though usually, the "vanilla" scrollbar only appears when I'm scrolling, but once I apply the ...
-2
votes
0
answers
34
views
I want to add a scrolling textarea to a panel inside a frame
I have the following code in java where I want to add a text area into a panel and I need the text area to scroll. I am aware about how to use the scrolling text area inside a frame but could not find ...
0
votes
2
answers
35
views
How to add a scrollbar to a scrollable container with flutter/dart
The code below represents a scrollable container. I would love to add/implement a scrollbar on one of the container's sides. I know this is possible with ListView/GridView but is it possible with ...
0
votes
1
answer
37
views
Unable to style scrollbar with Tailwind CSS
I'm working on a Next.js project and am trying to style a list's scrollbar using Tailwind CSS. However, the scrollbar is still being displayed with its default style. Here's what I've done
Installed ...
0
votes
1
answer
31
views
Show vertical scrollbar within a TextWrapping TextBox
I have an WPF UserControl. Within, I have a Grid which contains only a row with a few columns.
There is a TextBox which I has its TextWrapping set to Wrap using an style:
<Style x:Key="...
0
votes
1
answer
34
views
Make the scrollbar automatically scroll back up in tkinter
I have an interface made with tkinter and it has many scrollable frames, where the user can press a button and each button will show the corresponding frame (and removes the previously shown frame).
...
0
votes
1
answer
41
views
How to scroll as long as a button is pressed in a textarea with React.js?
I want to perform an action which is to scroll up and down as long as a button is pressed. To do that I did set a variable to false, and when I long press on a button it turns true, and it keep on ...
0
votes
0
answers
16
views
Can i use scrollbar-gutter to force overlay scrollbars?
According to caniuse the overflow: overlay property is deprecated and
related functionality being standardized as the scrollbar-gutter property.
A similiar reference is made over here, too.
The ...
0
votes
1
answer
20
views
Identify which scrollbar is active
I have multiple scrollbars to my page, but can't make them working properly :
<div class="dates-container" v-for="id in ids">
<overlay-scrollbars
:ref="`...
0
votes
1
answer
26
views
How to add scrollbar to Python Folium popup?
How do you add a vertical scrollbar to a Python Folium map popup? I have too much information to display that the popup spans the entire screen currently.
0
votes
0
answers
22
views
How to get/set the dialog control scrollbar range using a 32 bit number from 0x00000000 to 0xFFFFFFFF?
I would like to set the scrollbar range for 0x00000000 to 0xFFFFFFFF but I do not understand the MSDN example https://docs.microsoft.com/en-us/windows/win32/api/winuser/nf-winuser-getscrollinfo.
Doing ...
3
votes
0
answers
47
views
how to set the height of a scrollbar in Tkinter?
I have a table that is linked to the scrollbar. It works but the height of the scrollbar is very short.
how can I set his height?
class table(ttk.Treeview):
def _init__(self,frame,scroll_width,...
0
votes
1
answer
61
views
Adding a scrollbar to a canvas with figures tkinter
I am trying to add a scrollbar to a canvas to view a collection of figures that otherwise would not fit into the screen, or the allocated space in said canvas.
I have found information on how to do ...
0
votes
1
answer
47
views
Vaadin 14 grid horizontal scrollbar auto-movement
I have a grid with many columns that are sortable. If I mark one of them for sorting (by clicking on the header and simply enabling the sorting) and then move the scrollbar so that the sorting column ...
0
votes
0
answers
19
views
How to begin using handy-scroll?
I need to create a horizontal, floating scrollbar on my page because I have table which is too large.
A quick google search led me to this post,
[https://stackoverflow.com/questions/24552684/possible-...
0
votes
2
answers
27
views
In Flutter, Is there a way to make the Scrollbar widget's width smaller than the child that is passed to it?
I want my horizontal scrollable widgets to be able to go "off the screen" (disappearing at the screen edge).
I also want the Scrollbar to not touch the screen edge.
I can currently only ...
0
votes
0
answers
23
views
Why isn't JScrollPane functioning?
I needed to make a large application on song lyrics for an assignment and decided to check whether making JScrollPanes was my cup of tea. As it turns out, I'm unable to create a working JScrollPane on ...
0
votes
0
answers
30
views
Style scrollbar in tkinter
I have built a scrollbar in my Treeview and I want to color it. I have written this:
self.style.configure("Vertical.TScrollbar", background="darkblue", bordercolor="green"...
-1
votes
0
answers
15
views
The content is wider than the screen and the bottom scroll bar appears in the site
I have a page and cannot understand why there is a bottom nav scroll bar appears. Turk Today It appears that some element is off screen but I cannot understand what! Solution welcome! Thanks
1
vote
0
answers
10
views
Do we have any way to show scrollbar in iPad / iPhone. It only appears when scroll
I am using overflow:auto property which is working fine in desktop and scrollbar are visible when content is more than the defined height n width but when I am viewing the same page in iOS devices (15....
0
votes
0
answers
51
views
The provided ScrollController is currently attached to more than one ScrollPosition
I have a container with ScrollBar and SingleChildScrollView widgets inside a PageView.builder. When Change pages, I get the following message:
The provided ScrollController is currently attached to ...
0
votes
1
answer
22
views
How to get rid of an unwanted scroll bar in a shiny app
Trying to finish my shiny app, I couldn't find a way to remove the scroll bar (the scroll bar isn't intended and I didn't actively choose it via code)
When I'm running the files individually I don't ...
0
votes
0
answers
37
views
Firefox displays unnecessary horizontal scrollbar when using float
Firefox and Chrome seem to render scrollbars differently when included in a float-right element.
As shown by the following minimal code example (here's a codepen), Firefox renders an unnecessary ...
0
votes
1
answer
44
views
Screen scroll not starting from beginning - Flutter
I am helping contribute a code and am stuck on a scrolling bug in flutter.
The screen when opened is started from the Google Maps widget
like this
But when I hold the screen and scroll above then the ...
0
votes
0
answers
18
views
javascript: check if an element inside a scrollable container is in the viewport
Please refer to the following sketch I've copied from another question:
I want to know if an element (as the grey row) inside a scrollable container (as the azure box) is in the viewport using only ...
0
votes
0
answers
25
views
Add scrollbar to textinput (python, kivy)
How can I add a scrollbar to a textinput in kivy?
I have a textinput in my pytohn GUI app that's built with kivy. Of course, the user can scroll up & down on the textarea input if the text isn't ...
-1
votes
0
answers
28
views
i need to put a scrollbar in only one page using reactjs
I want only one page scrolling at left to right from website. can it possible to make only one page scrollbar. But it is not working as expected. Am I doing anything wrong here.
class App extends ...
0
votes
0
answers
18
views
Javascript animation for scrool menubar
So Lately I have been looking at some scripts that make a scroll menubar
(at x-height appear and disappear if the height is no longer true)
Now the problem is that the code that I "made" ...
0
votes
0
answers
39
views
How can i make a website that if we scroll down the X position move to the right / horizontal scroll
<!---Java--->
<script>
let container = document.getElementById('container');
window.addEventListener('scroll',function(){
let value = window.scrollY;
...
0
votes
0
answers
33
views
Scrollbar appears during framer-motion animation?
Bringing an image or a component from far off the side of the screen, into the screen via a variant like
const containerVariants = {
hidden: {opacity : 0, x: '-100vw'},
visible: {opacity : 1, ...
0
votes
0
answers
24
views
Why my Scrollbar with grid, canvas and frame isn't working
I don't know why my Scrollbar doesn't work. I tried to look for answers on different IT pages, but could not find a satisfactory answer.
I have to use Labels with the Grid manager, and maybe it's a ...
1
vote
1
answer
55
views
Java : JTree and BasicTreeUI reference doesn't show scrollbars
Working with the JTreeWithScrollbar example, but scaled it back significantly to focus on the issue.
The original code would have the vertical scrollbars appear as needed.
Here, there is plenty of ...
0
votes
0
answers
19
views
Tkinter widgets in a notebook tab only showing when mouse is moved off of the tab label
I recently made 2 functions, add_scrollbar and update_scroll_region, which adds a scrollbar to a given frame and updates the scroll region when widgets in that frame change.
The frame in which I am ...
0
votes
0
answers
6
views
I cant put all frames inside the scroll bar
from tkinter import *
from tkinter import font, ttk
class Biodata:
def init(self, root):
self.windowDesign = root
self.windowDesign.title('Resmume')
self.windowDesign.geometry('683x730+70+0')
self....
0
votes
0
answers
14
views
How to move vertical scrollbar from within an area to outside of it using only CSS? [duplicate]
Normally a vertical scroll-bar has its left edge adjacent to right edge of the area / box that scrollbar is affecting. But is it possible to flip it to through that edge - i.e. make scrollbar's right ...
-1
votes
1
answer
54
views
Tkinter Text widget scroll bar doesn't show the first character
I am trying to make a horizontal scroll bar for a text widget in tkinter, it works but when the text is long, it starts not showing some parts of the first character untill it's totally disappeared.
...
0
votes
0
answers
17
views
Tkinter: How to resize a scroll bar if the canvas changes size?
I am working on a project where I need to display information when a button is clicked, and hide information when that button is clicked again. The information can be several rows and extend beyond ...
0
votes
0
answers
20
views
how to prevent scrolling to left when clicked on icon in react?
I have a table with a kebab icon. When user clicks on that icon a popup(delete form) show's up. Due to which it scrolls the content to left. This behaviour is only observed on ipad and small screens....
0
votes
0
answers
33
views
Bind Mouse wheel with Tkinter frame (ubuntu)
Scroll is working well. but how can i bind mouse wheel with the scroll? i am using ubuntu.
#code.
from tkinter import *
from tkinter import ttk
win = Tk()
wrapper1 = LabelFrame(win)
mycanvas = Canvas(...
0
votes
0
answers
79
views
How can I fit an iframe embed on a website when the width of the embed is greater than the maximum allowed width of the website?
I have been tasked to embed a graph from one website that has a width of 1600 into a website that has a maximum allowed width of 1200. So the graph does not fit when I place it in the site using ...
0
votes
1
answer
31
views
broken vertical scroll with overflow auto on mobile chrome
I am trying to create a mobile sidebar that has the following elements one under the other:
logo container -> ul list with menu items -> footer with social icons.
The logo container and the ...
0
votes
0
answers
32
views
How to lock scrollbar when copying and pasting?
Hi all this may be a bit of a vague question.
I am currently trying to automate work that involves a lot of Copying and pasting. Frequently I use the CTRL + SHIFT + END command to quickly highlight ...
1
vote
1
answer
36
views
Tkinter Scrollbar - Problem allways maximized
I have a problem that I could not solve, thanks to many of you I was able to order the tree with the scrollbar, the problem now is that the scrollbar is always maximized, it does not calculate the ...
0
votes
1
answer
34
views
Fit width to content with a scrollbar
I have a problem with the width of an HTML element as soon as a vertical scrollbar appears. Normally the content fits in the box and the box width adjusts to fit the content. It should do that ...
0
votes
2
answers
84
views
Why main scrollbar color doesn't change in Firefox?
I have a problem with styling the scrollbar for Firefox using var(...).
As we can see code below:
* {
&::-webkit-scrollbar {
width: 8px;
}
&::-webkit-scrollbar-track {
...
0
votes
1
answer
24
views
Problem with tree and scrollbar tkinter python
I'm writing to you because I can't solve this, I need the bar to be on the right of the tree. but there is no way, in which I am wrong, thank you very much to all
class Product:
WIDTH = 500
...
0
votes
2
answers
46
views
Styling Firefox scrollbar
i'm trying to style Firefox's scrollbar without any success.
I think it's good to mention that i'm working with tailwind.
I've tried the following :
::-moz-scrollbar-thumb{
scrollbar-color: red;
}
...