Horizontal scrollbar blocking one-line code on Stackoverflow - user-experience

When there's only one long line of code (just long enough to require a scrollbar), the scroll bar will totally block the code (please move your mouse over to see)
When there's only one line of code, the scroll bar will totally block the code like this
and I cannot find a feedback/suggestion page on Stackoverflow...so posting as a question here

Related

Excel scrollbar doesn't allow screen to update until you "drop" the scrollbar

This is hopefully pretty straight forward, but after an hour of searching online, I couldn't find anyone else complaining about this issue. Perhaps I just haven't found the right wording to describe it.
My company recently switched to Excel 2016, and I HATE the way the scrollbars work. If you drag the scrollbar with the mouse, your current view freezes in place until you 'drop' the scrollbar. Then the screen suddenly jumps to this part of the spreadsheet. It used to actively display the spreadsheet as you dragged the scrollbar around, so you could see everything as you moved around.
I constantly work with enormous spreadsheets where I need to find specific sections quickly, and now that the scrollbar has become useless, it takes me much longer to navigate.
I understand you can use the arrow keys, or different shortcuts to jump through a spreadsheet, but I found the scrollbar very useful when moving through very large files. I can't be the only person who wants this functionality turned back on, but I can't find any information on it, or any settings I can switch.
This fix works for me. In Win 10 open Control Panel. Navigate to: Control Panel\All Control Panel Items\Ease of Access Centre\Make the computer easier to see. Near the bottom in the section "Make things on the screen easier to see" is a tick-box: "Turn off all unnecessary animations (when possible)". This was ticked for me by default so I unticked it and clicked the Apply button after which the scroll bar in Excel started to work as it does in Win 7, i.e. the cells in the background move as you drag the scrollbar left/right and up/down. Perfect.

Instagram pushing pinned bar on scroll effect in Framer

I'm a designer and Framer noob trying to accomplish the following:
Similar to Instagram, I'd like to pin the header bars of modules in a scroll container and have the next module header bar push up the already pinned header bar as you scroll down.
I can easily accomplish this in Pixate where the pinned bars move at the same rate as the scroll content and stick to the top at a specified coordinate and then continue scrolling at another, but the coordinates have to be specified for each bar - the end of one is the beginning of the next.
The bars are all the same height - is there a cleaner way to do this in Framer?
Thanks in advance!
This module seems to do what you want:
https://github.com/72/StickyHeaders-for-Framer
Check out one of the demos here:
http://share.framerjs.com/4jr3dyd44bpm/

How to disable the thread list popup when hovering at the current statement indicator in VS2012?

This is the popup I mean:
It happens to obscure the indicator margin for a couple of lines, making it impossible to drag the current statement indicator to those lines.
The "Debugging" toolbar has a button called "Show threads in source":
Turn it off to disable this pop-up, along with the messy-looking graphic underneath the current statement indicator:
(took me far too long to find this, and Googling didn't help, hence this answer... it doesn't help that this button cannot be found by searching for "thread"in the otherwise excellent Quick Launch search box)

I need to draw a line moving with the cursor, but I want to avoid redrawing the whole window every 100ms

I have a program which displays a ruler on the screen, and with Xlib it polls for the cursor position every 100ms and updates the display. The display consists of numbers/lines etc, in particular a line indicating the position of the cursor (which is why it updates).
The problem is that the old line needs to be erased and the content underneath restored, so I have to redraw the whole window to reflect a change in position. Doing this 10 times a second results in a very flickery program.
I could only redraw the ruler after I have confirmed that the cursor is in a position to change the indicator line (i.e. within the bounds of the ruler), but it would still flicker pretty bad when it was updating.
Sort of a noob to GTK and Xlib and all, any advice would be appreciated.
Code is at https://github.com/zjmichen/zRuler
Well you have arrived at one of the earliest problems faced when cursors were being implemented!! Cursor changes are so frequent that redrawing full window every time just doesn't make any sense! Coming to your problem, look at what is needed & what exactly you are doing. Do you need to update the full window when cursor moves? No. You need to update only a section of the window so don't update the whole window. Off the top, I can think of 2 ways of reducing flicker:
1. Simple way is to make use of GdkCursor. Create a new cursor from the pixmap (Sample provided on the developer page) with the shape of your need, a line in your case. Associate cursor with the GdkWindow of your application's main window. This way you don't have to track cursor & draw the line. The cursor itself will appear as the line (so you don't to bother about clearing & redrawing it). Now in the timer callback where you redraw the complete window, redraw only the component which has to be updated on cursor position change. This should hopefully reduce the flicker as you are not drawing all the components.
2. In case you don't want to use GdkCursor, you could create a separate transparent window on top of application window dedicated to cursor. In this approach you can update only the cursor window & the component in the application window which is to updated on change in cursor position. This way other components in the application window are not redrawn each time & this hopefully should also be able to reduce flicker.
Hope this helps!

How can I create scrolling areas like the ones on stackoverflow?

I'm currently working on a flash project, which will use multiple scroll areas.
I'm trying to find out how to create a scroll area like I see on stackoverflow, and make it function similarly.
Whenever someone posts their lines of code to stackoverflow, the scroll area scrollbar looks exactly like the scrollbar in the web browser, and is able to be scrolled with the mousewheel smoothly, without affecting the webpage scrolling.
Example: disable mouse wheel scrolling while cursor over flex app?
Could anyone please explain to me how I can do this in my flash project?
Thanks!!
You wouldn't need flash to do this... This is accomplished using CSS. You would just need to put the portion you wanted to function like that in a div (or any HTML container for that matter) and then define such properties as min-height, max-height, min-width, max-width, overflow, etc. I think there's one that determines the presence of the scroll bars but I don't remember what it is for sure. Very easy to do this and flash would be a bit of overkill.

Resources