Jquery On Scroll Down Show Div

i have multiple products , so want to show 25 products first ,then when scroll down to 25th product, show 25 to 50 and then etc. Do you know jQuery slide down and slide up? That's what I am going to do. The real-time activity feed in Facebook is an example for such a behavior. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. It's easy to set up and not a single line of javascript is required. If path is set to a next link element, Infinite Scroll will determine pageIndex from the link's href value. log ('Scrolled to waypoint!')}}) Builds are available for multiple DOM libraries. unable to get easing to work, either. I've played around with it but couldn't solve this. it has a very similar effect when scrolling down, to figure out how to do this to show a. We have lots of data but can not display all. Basically we will take advantage of Django’s pagination API and a jQuery plug-in. Using jQuery to Create Smooth Scrolling Bookmark Links. The last bit of code to get this script working can be found at the bottom of my HTML file. Hide header on scroll down, show on scroll up. Pretty slick effect would you say, huh? Today I'm going to show you how you can accomplish a similar effect on your next project. A mouse click or drag on the scroll bar, dragging inside the element, pressing the arrow keys, or using the mouse's scroll wheel could cause this event. this Div has a height of 290px. You may have used Smooth Div Scroll to present smooth scrolling content on your webpage. A small set of ideas on animating images and other elements while smooth scrolling a page. If you don't already know, endless scrolling (or infinite scrolling or pagination) is a popular technique amongst modern websites such as Google Reader and Live Image Search, whereby instead of paging through items using traditional. Defaults to the window object, which is the desired setting in most cases when you're updating a menu based on the scroll position of the document itself. Scroll a Div to bottom using Jquery Animate and scrollHeight by taking. By using transition property, we can easily create CSS Transition Slide Down & Slide up effect. Dependencies. The div will be. How to get the scroll content of list items to show at the Top and Bottom when scrolling to the top using the up and down arrow keys with jQuery? When I use the arrow keys scroll bar does not move. slimScroll is a small jQuery plugin that transforms any div into a scrollable area. In this JQuery tutorial, i will teach you, how to hide and show division on scrolling of vertical scrollbar. Easiest way to create a floating jQuery Sticky Scroll division without making use of plugins. When the user reaches the end of the web page, the more data is retrieved from the MySQL database and additional content is loaded in the web page while scrolling the page down. Hide nav on scroll down show on scroll up. page has 10 divs and specific div has some ID, We need to scroll the page up to that div. Net, AJAX, jQuery. com site, where the initial header image zooms in and fades out once you scroll down the page. As the name of the plugin hints the scrolling is completely smooth - no distict steps. In this article, I am going to share a light-weight jQuery plug-in that uses CSS 3 effects for creating such animation in web page elements. may i know how to do this using jquery?. In the following exampe, notice that the div element overflow style is set to scroll. I found some code which Show/Hide div on scroll - jQuery Forum. Small and customizable jQuery plugin for animated scrolling, made by Ariel Flesler. The div will be. NET Forums / General ASP. In this tutorial I'll show how you can achieve this effect without a plugin. Smooth Animated Scroll to Bottom of page example using plain jQuery and no additional jQuery Plugins. 0 View on GitHub Check out v2. Easiest way to create a floating jQuery Sticky Scroll division without making use of plugins. It's easy to set up and not a single line of javascript is required. using jquery or mvc. 14,341,683 members. This time, we won’t hide the div when it’s hovered but when it’s clicked. You can also create multi-line comments by enclosing them in /* and */ Other Effects Other simple jQuery effects for showing or hiding elements include: slideUp() slideDown() slideToggle() fadeIn() fadeOut() Demo 2 Try the slide effects to see how they differ from show/hide: Slide the box down Slide the box up Slide toggle the box Bonus For. how to check that a div is on screen in javascript during scroll. Hide and show a div with JavaScript. fullPage plugin by Alvaro Trigo. Sliding Div When Scroll Down Page Using Jquery: Hi Friends, Today I will tell you how to make a sliding div on page scroll down using Jquery. If you are completely new in ajax and JQuery I would suggest you to get fundamental idea of them. We can break down the entire process in three steps here-Header is placed at the top of the layout. Sliding Div When Scroll Down Page Using Jquery: Hi Friends, Today I will tell you how to make a sliding div on page scroll down using Jquery. You could potentially use element. If you don't already know, endless scrolling (or infinite scrolling or pagination) is a popular technique amongst modern websites such as Google Reader and Live Image Search, whereby instead of paging through items using traditional. Load data dynamically on page scroll. ui-layout-content" (any valid jQuery selector string) MUST be a 'child' of one of the panes; Selector string for INNER div/element. # re: Using CSS Transitions to SlideUp and SlideDown @Tim - DOM changes inside of a function aren't applied visually until the function finishes execution. There's a recurring trend of using animated page elements in web design at the moment — as you scroll down the page, items will naturally animate into view. nano-slider are added during run time to prevent clutter in templating. jScroll is a jQuery plugin for infinite scrolling, written by Philip Klauzinski. The problem: some of those images were very tall. Toggle between class names on different scroll positions - When the user scrolls down 50 pixels from the top of the page, the class name "test" will be added to an element (and removed when scrolled up again). This tutorial uses AJAX with jQuery to fetch new items for the dynamic content box as user scrolls down. The scroll event works for all scrollable elements and the window object (browser window). Endless Scroll If you encounter problems with scrolling up, please use the old 1. Alton: jQuery Scroll Jacking Plugin Alton is a jQuery-powered scrolling plugin that utilizes 100% height & width, custom vertical scrolling effects in order to present and navigate through web content in a unique manner. - eduardomb/scroll-up-bar. Fixed Sidebar during Scrolling between Header & Footer using jQuery By Brij Mohan It explains How to create a sidebar or section that follows you as you scroll down the page. Now I will explain how to show div only with vertical scrollbar in asp. net, SQL Server etc. Inspiration. 8 kb – while offering dozens of customizations. Within the scroll event, first check for scrollTop() function returned value. Using nicescroll for customize scrollbars, you get a very elegant and unique site. The tablescroll jQuery plugin is a simple markup manipulation plugin, it will manipulate the table, create a couple of new elements and wrap everything in a DIV. 0-rewrite branch. If it’s greater than or equal to 100, then hide the dvContent and show the dvContent2 div. 2 at Learning jQuery Animated Scrolling with jQuery 1. Import jQuery library and the jQuery HoverScroll plugin's JavaScript & CSS files into the html. The datagrid has been designed to reduce development time and to require no specific knowledge from developers. NET / Web Forms Data Controls / Load datalist while scrolling down page Load datalist while scrolling down page [Answered] RSS 1 reply. Today we have a couple of good jquery "infinite scroll" plugins ,so why I wrote another one ? Different approach - for different use case. This calls a search method that fetches data from the local data source (the array is the local data). I used jquery to prepend the entire html structure of the scrollnav on the frontpage to the other pages, in addition to adding a few codes for mobile. ScrollUp is a lightweight jQuery plugin to create a customisable "Scroll to top" feature that will work with any website, with ease. If JavaScript and jQuery are new animals to you, I recommend you review Eloquent JavaScript and jQuery Fundamentals, two excellent and free eBooks linked in this article. We have lots of data but can not display all. But with this easily configurable jquery plugin, you can now create a custom drop down that can very well include images, a short description, along with your usual text and value. debug, and show off your HTML, CSS. 8 kb – while offering dozens of customizations. The tablescroll jQuery plugin is a simple markup manipulation plugin, it will manipulate the table, create a couple of new elements and wrap everything in a DIV. How to get the scroll content of list items to show at the Top and Bottom when scrolling to the top using the up and down arrow keys with jQuery? When I use the arrow keys scroll bar does not move. NET so you should show how to store. This calls a search method that fetches data from the local data source (the array is the local data). linkbutton; Usage Example. Scroll to the selected anchor. jQuery plugin for infinite scrolling / auto-paging. It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on. It is a One Level Menu with Timeout effect. We are brand engineers that provide companies with strategic marketing, design and branding solutions. jQuery Bootstrap-style Dropdowns Backstory. Within the scroll event, first check for scrollTop() function returned value. We want the div element in the sidebar to be floating and always visible as we scroll down the page. or scroll to top from bottom of page. Introduction. First of all the markup. To understand this article you need to know basic of JQuery and ajax. It seems to work on scroll down, the image div fades in. How might this be altered to ignore all else going on?. Pretty slick effect would you say, huh? Today I’m going to show you how you can accomplish a similar effect on your next project. If your site already uses the jQuery framework, then it makes sense to just take advantage of it on your site whenever possible. Moving on, we come to the sample HTML for the buttons/ links used to navigate a Step Carousel Viewer. Implemented using a switch statement using jQuery APIs hide() and show() Drop down selections are a common way to take predefined data from the user using a form submission. I couldn't achieve the same smoothness in animation, but anyway I'm really satisfied with the result. You may have used Smooth Div Scroll to present smooth scrolling content on your webpage. How to use it: 1. So, in this tutorial we will show you how to smooth scroll to div using jQuery. Tutorial for animated scroll loading effects with Animate. autocomplete("search", “”);. Here's a quick snippet of jQuery code I use often when I need to smoothly scroll to an ID. In order to get this behaviour to work, I had to wait for vue to finish. So in this post, let’s see how to show/hide any HTML element based on the scroll position in the browser window using jQuery. This tutorial covers how to create a "floating menu" using HTML, CSS, and jQuery. You may have seen the Discovershadow. jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. 0-rewrite branch. Making a div follow scrolls with jQuery - simple example Last updated: 27 Mar 2013 If you have a side menu on a page and want it to go down when the user scrolls down (so the he/she doesn't need to keep scrolling up and down if the page gets too lengthy), this is a simple solution. Window scrolling Header becomes locked at the top of the page as user scrolls down; Responsive scrolling Hybrid of above. Yet another jQuery based smooth scroll script which smoothly scrolls the web page to a specific point/ID/anchor/DIV within the document. This tutorial covers all the important jQuery methods to create visual effects. (The mobile menu icon is not fixed on subpages either) I put all of the code in the global footer with code injection. persisting DIV on scroll with jQuery. debug, and show off your HTML, CSS. ZURB, creating unique customer and user experiences. Easing functions specify the speed at which the animation progresses at different points within the animation. Demo of jQuery. Same class-name could be used for divs inside all panes. This technique is great to use when you have something to advertise or keep some items from sidebar visible, while user is viewing the content. If the scroll bar is at the very top, or if the element is not scrollable, this number will be 0. navigation div is scrolling back in to view stays at top: 0 untill it reaches the 2. i want to visible div on same position and top when scroll down and even when logo hides. Since the page content is overflowing ,the div will introduce 'scroll bars'. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scroling to distinct steps. This article explains how to create a div that will float up and down when the page is scrolled. how to use scroll down /top with div hide/show. A lightweight jQuery plugin that lets you to scroll div horizontally with mouse wheel or with arrow keys. silentScroll( yPos ). Fullscreen Video Modal Boxes Timeline Scroll Indicator Progress Bars Skill Bar Range Sliders Tooltips Popups Collapsible Calendar HTML Includes To Do List Loaders Star Rating User Rating Overlay Effect Contact Chips Cards Flip Card Profile Card Product Card Alerts Callout Notes Labels Circles Style HR Coupon List Group Responsive Text Cutout. Simulate a button click via JavaScript There is a rare need for this type of functionality but I have found myself in a couple of situations where I needed it. page has 10 divs and specific div has some ID, We need to scroll the page up to that div. nanoScroller. Infinite scrolling with jQuery when page's bottom has been reached. ready(function { $(#demo). We want the div element in the sidebar to be floating and always visible as we scroll down the page. ZURB, creating unique customer and user experiences. js also works when jQuery is not loaded on your page. If you want to use CSS3Menu on a school site, your non-commercial blog or non-profit organisation website, just download CSS3Menu and use it for free. You can achieve this by using javascript's pageYOffset property to show the div after 100px of scroll. Highly customizable custom scrollbar jQuery plugin. You must have seen in many websites that some advertisements always float up and down whenever you scroll the page, you can also create containers such as that for your website that will hold the Advertisements and will help you to earn more. We want the div element in the sidebar to be floating and always visible as we scroll down the page. 2 | Learning jQuery A few weeks ago I wrote about how to use jQuery and a couple modules from the Interface plugin suite to automatically have same-page links scroll to their target location when clicked (Animated Scrolling for Same-Page Links). Also let me know what do you want me to show how. Hide and show a div with JavaScript. In some cases the parallax scrolling is the star of the show; in others it simply adds a touch of depth that makes the foreground seem to pop out a little (if it's a pared-back look you're after, explore our celebration of minimalist website design). However, we auto-hide it when the user scrolls down, to create. i am trying to horizontally scroll entire pages (one wrapper broken down into many div pages) I have both localScroll & scrollTo in the head along with jquery easing. Why is this plugin useful. hi all, my task is, using jQuerry, when mouse scroll up, i have to call an jquery function, wen mouse scroll-down then have to call another jquery function. There are different ways to show a content based on the selection of a drop down field. in your web pages by giving a switchable option. 0-alpha! Installation. How cool is that =) If you leave it blank, the div will appear suddenly. This technique is great to use when you have something to advertise or keep some items from sidebar visible, while user is viewing the content. The div will be. Endless Scroll If you encounter problems with scrolling up, please use the old 1. slimScroll is a small jQuery plugin that transforms any div into a scrollable area. The vertical scroll position is the same as the number of pixels that are hidden from view above the scrollable area. Basic usage: $('body'). 1+ No Framework IE 9+ npm install waypoints. 0-rewrite branch. You don't need to know custom functions/events - everything is done based on standard scroll behaviour. I took a punt on the answer and posted it in the comments without testing it and the commenter said it didn't work, so I tested it out for myself and my solution did work. I will show you how to achieve this using javascript. Simulate a button click via JavaScript There is a rare need for this type of functionality but I have found myself in a couple of situations where I needed it. Tutorial for animated scroll loading effects with Animate. We will be using the jQuery Easing Plugin and just a few lines of jQuery. Hide header on scroll down, show on scroll up. Import jQuery library and the jQuery HoverScroll plugin's JavaScript & CSS files into the html. If the id matches up, we use the. Simple Javascript Drop-Down Menu v2. All you need is a a containing element, a contained element with a background image, and a few lines of jQuery. I’ll show you how you can do this using jQuery toggle method. Endless Scroll If you encounter problems with scrolling up, please use the old 1. Scroll to the selected anchor. Initialize floatThead without any params to use it. If you want to use CSS3Menu on a school site, your non-commercial blog or non-profit organisation website, just download CSS3Menu and use it for free. On scroll, the yellow span must never be outside the boundaries of the pink div. A protip by leethelobster about scroll, jquery, and parallax. when I scroll up just the. Scroll down to see how it works!. Do you know what I mean? Can I detect that with JS/jQuery? Thank you!. Here Mudassar Ahmed Khan has explained how to implement Scroll to Bottom Button using jQuery i. Add Smooth scrolling to page top and bottom using jQuery. it has a very similar effect when scrolling down, to figure out how to do this to show a. jQuery plugin for infinite scrolling / auto-paging. As we know lots of plugins are there in the internet for creating a sliding div on page scroll but they have a lots of code, which increase your page speed. Here is a screenshot:. So by the time you scrolled down to the bottom of the images, you would have to scroll back up just to read the text to give you context about the images you had just viewed. Create a dynamic content box that loads more content as user scrolls down the content box just like Google reader fetches new items as you scroll down. We will be using the jQuery Easing Plugin and just a few lines of jQuery. js works by adding and removing CSS classes in reaction to the user's scroll. Fullscreen Video Modal Boxes Timeline Scroll Indicator Progress Bars Skill Bar Range Sliders Tooltips Popups Collapsible Calendar HTML Includes To Do List Loaders Star Rating User Rating Overlay Effect Contact Chips Cards Flip Card Profile Card Product Card Alerts Callout Notes Labels Circles Style HR Coupon List Group Responsive Text Cutout. I would like to implement auto scroll feature to this div where it will scroll down for every 10 sec by some length and scroll up back to the top on reaching the end. An HTML DIV with vertical scrollbar gets back to original position after PostBack and hence to solve this problem we need to retain its scroll position value using JavaScript and then again apply to the DIV after PostBack. By default an element with the class name "items" is used, but you can use any jQuery selector you like for this property. com and implemented as a jQuery plugin. This article explains how to create a div that will float up and down when the page is scrolled. In this tutorial you will learn how to create a jQuery scroll div (floating sidebar) that follows your screen when you scroll down after a certain amount of height in pixels. View the Demo. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page. If the id does not match up, we simply use the. Fixed header on scroll the jQuery way (with css transition) Before we dive into the code let's break down the steps first. Tutorial for animated scroll loading effects with Animate. 0-rewrite branch. Here Mudassar Ahmed Khan has explained with an example, how to show and hide HTML DIV with TextBox based on DropDownList (HTML SELECT) selected value (selection) using JavaScript and jQuery. If you cannot redesign/resize the images, you have the following options: Content Slider that allows any HTML content. Once I scroll down the website, it covers the title of the section right bellow the banner (faz e acontece). You can put anything in that div (i. The last bit of code to get this script working can be found at the bottom of my HTML file. contentSelector = ". There are also a couple of optional options. The argument 200 used in the. jQuery plugin for infinite scrolling / auto-paging. Automatically on Page Scroll using jQuery AJAX and PHP. i am using this autocomplete. In this case changing the value is done so the element is in the proper state, but the change never is applied to the visual tree that actually displays in the browser. show() jQuery function to display the div. We create an object and we add the infiniteScroll. On scroll, the yellow span must never be outside the boundaries of the pink div. Create a simple parallax effect using CSS and JavaScript and no plugins. Step 2 – Load jQuery and Bootstrap JavaScript. Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Easing functions specify the speed at which the animation progresses at different points within the animation. js depends on the contributions of the Open Source Community, both directly to the codebase and monetarily. Waypoints is the easiest way to trigger a function when you scroll to an element. page has 10 divs and specific div has some ID, We need to scroll the page up to that div. Fully configurable and optimised for touch. They're animated, so they move up and down as you scroll the browser window up or down. A simple div is fine. Introduction. The scrolling effect somehow useful when you want to display content for some area of the screen only. These animations only happen one time, and they only begin once the element is within the browser viewport. Using Velocity without jQuery removes support for IE8, making IE9 the new minimum supported version of IE. Box resizes the border and padding of the element; content resizes any content inside of the element. If the scroll bar is at the very left, or if the element is not scrollable, this number will be 0. This means you will need some CSS to achieve the effect you want. Consistent scroll behavior for every device. What's jQuery? It's a very useful library of JavaScript code that you can use to. In this tutorial we will create a simple smooth scrolling effect with jQuery. The main JavaScript (jQuery script) to enable the. This div will auto-size so only it scrolls, and not the entire pane. In this tutorial you will learn how to create a jQuery scroll div (floating sidebar) that follows your screen when you scroll down after a certain amount of height in pixels. fade out and hide a fixed element when you scroll to the bottom of the page (jQuery) - hide-on-scroll. e images, videos or any object) to move horizontally. If the id does not match up, we simply use the. The div element has a scrollbar and as you scroll up and down the div element, the scroll event is raised and. As of jQuery 1. The docs say you can apply a jq-dropdown to nearly any element, but they really seem to work best with Bootstrap’s navbar, tab, and pill components. Trying to find something like a draw that will collapse back up if you scroll up and haven’t reached 100%. show() function will animate the display for a duration of 200 milliseconds. navigation div is scrolling back in to view stays at top: 0 untill it reaches the 2. scroll property we can show or hide div element based on position. Author the sidebar stays solidly in place as you scroll down the page. Pause/resume scrolling, auto mode only. If you are looking for advanced script, see the Multi-Level Drop-Down Menu based on simple treelike unordered list. There are tons of jQuery plugins available which can show/hide any HTML element based on the scroll position but it’s not advisable to use jQuery plugins for things which you can do with simple jQuery code. You may have used Smooth Div Scroll to present smooth scrolling content on your webpage. The Scroll to Div functionality is very useful for single page website. All I want is to create a div with some text inside. Example : In this example we are using position() and scrollTop() functions. Simple jQuery code snippet to check if you have scrolled to the end of a div and raise an event. Make sure you have jQuery. Jump to: [] [] []A pause button. This technique is great to use when you have something to advertise or keep some items from sidebar visible, while user is viewing the content. CSS3Menu Commercial Edition additionally provides an option to create multicolumn menus and includes extended sets of menu templates and icons. it is underneath a menu. What is Lazy? Lazy is a fast, feature-rich, extensible and lightweight delayed content loading plugin for jQuery & Zepto. Licensed under the GPL-3. In this tutorial, we will show you how to create a Back To Top button using jQuery and CSS. Step 2 – Load jQuery and Bootstrap JavaScript. The toggle method of jQuery will hide specified visible element and display the hidden elements. To reiterate, a floating menu stays visible even if you scroll down a web page. If you have any question about this tutorial or about HTML, CSS, JavaScript and jQuery please contact me at my e-mail - rinkans. In closing, remember that linking to a scroll point within your page is easy with pure HTML. on( "scroll", function()). Take a look at live demo and scroll down. A protip by leethelobster about scroll, jquery, and parallax. Using jQuery to Create Smooth Scrolling Bookmark Links. An HTML DIV with vertical scrollbar gets back to original position after PostBack and hence to solve this problem we need to retain its scroll position value using JavaScript and then again apply to the DIV after PostBack. This sort of utility would be perfect for a live support system for your website. Create a simple parallax effect using CSS and JavaScript and no plugins. ZURB, creating unique customer and user experiences. Implemented using a switch statement using jQuery APIs hide() and show() Drop down selections are a common way to take predefined data from the user using a form submission. It uses minimal HTML markup being. If the scroll bar is at the very left, or if the element is not scrollable, this number will be 0. If you’re interested in supporting this project, please consider lending a hand or making a donation. ready(function { $(#demo). Some time back I posted how to scroll to the top of a page with jQuery and was recently asked how to scroll to the bottom of a page with jQuery. I am searching for a solution to show a div when the user (horizontal) scrolls and to hide the div when the user stops scrolling. So, in this tutorial we will show you how to smooth scroll to div using jQuery. jQuery AniView is a minimal (~1KB) jQuery plugin that allows you to add animations to your webpages with nothing more than a class identifier and a single data attribute. The scroll event works for all scrollable elements and the window object (browser window). You may have used Smooth Div Scroll to present smooth scrolling content on your webpage. Import jQuery library and the jQuery HoverScroll plugin's JavaScript & CSS files into the html. Here Mudassar Ahmed Khan has explained how to fetch database records dynamically on browser page scroll down using jQuery AJAX and ASP. 0-alpha! Installation. The solution: make the content sticky as you are scrolling. parallax-container. Now I will explain how to show div only with vertical scrollbar in asp. jQuery Tutorial jQuery HOME jQuery Intro jQuery Get Started jQuery Syntax jQuery Selectors jQuery Events jQuery Effects jQuery Hide/Show jQuery Fade jQuery Slide jQuery Animate jQuery stop() jQuery Callback jQuery Chaining jQuery HTML jQuery Get jQuery Set jQuery Add jQuery Remove jQuery CSS Classes jQuery css() jQuery Dimensions jQuery Traversing. I used jquery to prepend the entire html structure of the scrollnav on the frontpage to the other pages, in addition to adding a few codes for mobile. To see an example, click the download button below or the floating button on the top right. As the name of the plugin hints the scrolling is completely smooth - no distict steps. If the id does not match up, we simply use the. Hello to every one. Here are 6 jQuery infinite scrolling demos to get you started. Scroll to bottom of Div on page load (jQuery) which I wanted the page to scroll down to. A lightweight touch version of Smooth Div Scroll. See The Demo Drafting the HTML. The most basic CSS for this would be:. Here is the code I used:. 0-alpha! Installation. jQuery needs access to some crucial information, most notably a list of each. This supposed to be simple, but I don't really know jQuery in order to implement this the proper way. It would output a pixel value, however. In this tutorial we will be creating a simple web-based chat application with PHP and jQuery. Recall that headroom. Its very simple actually. scrollbox({ linear: true, step: 1, delay: 0, speed: 100}); }); and the css i used. With Scrolling HTML Bookmarks, you cgan use the following jQuery script to accomplish this. when I scroll up just the. Work includes identity, branding, information design, web design, illustration, software design, icon design, and multimedia work. The real-time activity feed in Facebook is an example for such a behavior.