Remove scrollbar?


#1

is there a way to remove the scrollbar from the twitter widget for websites?


#2

Ruth- did you ever get an answer to your question?


#3

To hide the scroll bar on your Twitter feed, override the CSS with this: .timeline .stream {
overflow: hidden;
position: relative;
width: 100%;
}

ref: http://stackoverflow.com/questions/7646538/disable-vertical-scroll-bar-on-div-overflow-auto


#4

This has exactly zero effect.


#5

Original topic: http://stackoverflow.com/questions/15626846/twitter-iframe-widget-remove-scrollbar
and
https://github.com/kevinburke/customize-twitter-1.1

then create a simple css file and point to it with the final script like:

Works well on my website :slight_smile:


#6

This will help everyone : https://dev.twitter.com/discussions/17276


#7

noscrollbar: Crops and hides the main timeline scrollbar, if visible. Please consider that hiding standard user interface components can affect the accessibility of your website.

data-chrome=“noscrollbar”

Ref: https://dev.twitter.com/docs/embedded-timelines#customization


#8

use data-tweet-limit=“2” in tag to remove scrollbar


#9

This is the answer I was looking for, thank you.


#10

Hi,
it doesn’t work for me. With this code I still have a scrollbar and number of tweets is not limited …
Anybody knows why it doesn’t work ?
Thanks

Tweets de @SCAN2014 data-chrome="noscrollbar" data-tweet-limit="1"

#11

Hi Lou, quite a simple fix here for you. Move the

data-chrome="noscrollbar" data-tweet-limit="1"

inside the anchor tag. So lines 2/3/4 for your example want to be:

Tweets de @SCAN2014

#12

Thanks !
So stupid error.


#13

#14