How to indicate container is scrollable without scroll bars

In Android I’m trying to work out a way to indicate to the user that a container can be scrolled. I’m not a fan of scroll bars and usually turn them off for all containers but would enable the fading edge to indicate that a container was scrollable. In Android 4.0 and beyond though, the fading edge no longer exists.

What would be another way to indicate to a user that a container is scrollable without using scroll bars, and without the ability to use a fading edge?

I’ve tried using arrows but it didn’t make much sense from a user standpoint and a gradient in the scrollable direction didn’t exactly jump out as meaning something was scrollable to me. I’ve also tried having a bit of the content show at the edge of a scrolling container to indicate that there was more information but it’s not very reliable that something will overhang with the different screen sizes and the amount of content per container.

Here’s an example of what I’m trying to indicate.
Example content

In this 3×4 grid, how can you indicate to the user that the container can be scrolled beyond the 12 items that are on the screen? In some situations there will be content overhang but this is the situation I’m trying to account for.

Also, the grid is just an example. My content is a single, horizontally scrolling row of icons.

can’t remove roaming letter above signal bars

I’ve researched a lot and I can’t find any solutions to this problem. A couple of months ago I traveled by plane, and when I arrived and turned off airplane mode (I have it always turned on) I had this r above the signal bars. I think it’s because I got outside my isp area when I was on the air, but now I’m back in my city and I can’t get rid of it. I’ve trying manually selecting the isp, turning on and off the roaming and the mobile data in the configurations but nothing seems to work. What else could I try?

How to make both a div and nav bars span full height without hardcoding

I’ve been trying to create a simple webpage with this format:

  1. Header (nav bar with a bunch of tabs, height (let’s say 50px)
  2. Main content (div)
  3. Footer (nav bar with a height of also around 50px)

Code for this is found below:

<!DOCTYPE html> <html>   <head></head>   <body style="margin: 0">     <div style="height: 50px; background: yellow">hi</div>     <div style="height: 50px;">content</div>     <div style="height: 50px; background: yellow"></div>   </body> </html> 

The issue is that obviously the middle div’s height is hardcoded, and that doesn’t seem too great…

Try 1

I tried to fix this by using the version-specific calc() for CSS, and I’ve managed to produce some pretty good results:

<!DOCTYPE html> <html style="height: 100%;">   <head></head>   <body style="margin: 0; height: 100%;">     <div style="height: 50px; background: yellow">hi</div>     <div style="height: calc(100% - 100px);">content</div>     <div style="height: 50px; background: yellow"></div>   </body> </html> 

The issue with this is that 1) it uses a hardcoded value of 100px, and since my actual tab bars have variable size depending on how big my font is, this isn’t really too good. Looks really good though…

Try 2

The second thing I tried was to use flex-box, another version specific method. The issue with this is that it just didn’t work…? Not even sure why it didn’t work, but I’m not as proficient in flex-box at all.

<!DOCTYPE html> <html style="height: 100%">   <head></head>   <body style="margin: 0; height: 100%;">     <div style="height: 50px; background: yellow">hi</div>     <div style="display: flex;">content</div>     <div style="height: 50px; background: yellow"></div>   </body> </html> 

These are the only things I’ve tried… I know there’s a simple way to do this with display: fixed, but it allows text to go behind my header and footer, and I don’t really want that either. Thanks in advance for the help!

manage display mode – weight handle bars duplicated [on hold]

In our custom Article content type “manage display mode” When I click on any field “advanced” setting gear. The advanced setting section will not expand and the weight handle bars duplicated. This only happens on Article content type and not on another content type. See screenshot. http://allygem.com/displaymode.jpg

Purchase hydrea long beach feng, cheap 2mg hydrea bars page

Cheap hydrea price internet, hydrea purchase visa canada

FAST APPROVALS & SHIPPING – ORDER NOW!

Hydrea ! SAFE AND SECURE ORDERING! Enter Here!

Our online pharmacy is well known among our customers for being the best one available

Rami Malek looks smitten as he hydrea joins girlfriend Lucy Boynton at party celebrating Bohemian Rhapsody This Is Your Brain Off Facebook Whats on TV Tuesday At Home With hydrea Amy Sedaris…

Purchase hydrea long beach feng, cheap 2mg hydrea bars page