Most voted "rolling" questions
Tag used in subjects involving scrolling (scroll) of content of a web page.
Learn more…183 questions
Sort by count of
-
67
votes3
answers5939
viewsWhat are the techniques for making scroll-based animations?
I’m interested in creating websites with scroll-driven animation (ex.: Kano), where content is animated and replaced as the page is scrolled. What are the techniques to facilitate such programming?…
-
25
votes1
answer55331
viewsHow to style the scroll bar?
Good, I’ve been spending some time looking for solutions to this but I can’t find it, I have a scrollbar And I’d like to take your size down. Can someone point me to a website or tell me what it…
-
11
votes3
answers5660
viewsHow to keep the element scroll always at the bottom
Consider the following example I’ve done here: $("#add").click(function() { $("#wrap ul").append('<li class="new">Teste</li>'); $("li.new").slideDown('slow', 'easeOutBounce'); });…
-
9
votes2
answers19079
viewsFind Scroll Position of a Particular Object
It is possible to know the position of the scroll of a given object through pure Jquery or Javascript? tried var posobj = $("#meuobjeto_id").scrollTop(); However, the obtained value is always 0. Any…
-
9
votes1
answer51550
viewsScroll in div if necessary
I have the following div on my page html <div id="divContent" class='content'> Bem vindo ao meu site <br /> 1 index index index index index index index index <br /> 2 index index…
-
8
votes1
answer713
viewsHow to put the scrollbar inside the body?
I stylized the scrollbar of my site for Webkit, and I put the background of the track as Transparent, but I would like Thumb to overlap with the body content, simulating a position effect Absolute,…
-
7
votes2
answers58
viewsDetermine the direction of the roll in an element
The code below aims to detect the direction of the roll in a specific element: var control = 0, lastScrollTop = 0, element = document.getElementById('idDoElemento'); element.onscroll = function() {…
-
5
votes1
answer3850
viewsSmooth scrolling on page
I wanted to know how to do it so that once I click on a page link in the main menu, the page will scroll smoothly to the desired page that was clicked? Example:…
-
5
votes2
answers2907
views -
4
votes3
answers3827
viewsHow to scroll infinity with pure javascript?
I’m trying to implement an infinite scroll on my site, like this one, but I’m having trouble making the script that picks up the mouse scrolling event. I tried using this script (below) that I…
-
4
votes2
answers330
viewsQuick Scroll Bar in alphabetical order
I’ve already found some examples with a custom view of a list with a alphabetical quick scroll bar, but I didn’t really find a scroll bar that really looks like the one from my Kitkat contact list.…
-
4
votes4
answers11127
viewsHow to hide the Scrollbar, but without deactivating it
I wonder if you can disable the Scrollbar without deactivating it, IE, hide the Scrollbar but leave it working normally, as if he had the show.
-
4
votes1
answer460
viewsHow to enable and disable automatic scroll in a chat?
I am having doubts in the implementation of this resource. I have a link that does this action, like enable and disable the automatic scroll. For better understanding, visit JSFIDDLE below: EXAMPLE…
-
4
votes1
answer926
viewsLoad data during page scrolling with jQuery
I need help to complete a code I’m developing. How can I do, so that when the user enters the page already appear the last 8 posts, and when the user gives the scroll, load the posts, within a loop,…
-
4
votes1
answer95
viewsHelp with scroll animation with javascript
I have a vector image <img src="images/first-page/vectors/waves-723178.svg" alt="Imagem vetorial decorativa" class="vector-wave"> and it is positioned to the left of the screen .vector-wave {…
-
4
votes1
answer105
viewsIs there any way for a div to assume the role of the scroll?
I have the following code: $("#scroll").draggable({ axis: "x", scroll: true, containment: "#area" }); .area{ position: absolute; width: 1010px; height: 100px; margin-top:10px; margin-left:10px;…
-
4
votes3
answers1279
viewsIs there any way to make a div son, float while rolling the scroll of the father div?
I have a div primary, and within this, another div(secondary). I’m trying to position the div secondary in div so that it makes a floating DIV (popup style) that overlaps with other elements. But…
-
4
votes1
answer185
viewsHow to implement a grid and Infinite scroll together?
I’m developing a site style Pinterest but I’m not able to join these two features. To do the Infinite scroll, I used jQuery with AJAX to pull the database posts and append them into the body.…
-
3
votes2
answers446
viewsJavascript on iOS: Avoid click events by scrolling iPhone/iPad
Setting: I have a table and on the Desktop I must keep double click to access the content of each table item. On mobile devices like tablet and smart phone Double click does not work and I need to…
-
3
votes1
answer47
viewsMootools detect page movement
How do I detect when a page is rolled to a certain point, and when it reaches that point perform a certain action. That is, using Mootools, as the Event scroll, change the style of an element. Take…
-
3
votes1
answer325
viewsOverflow-x Hidden no body
I added Overflow-x: Hidden on body but it’s not working. overflow Hidden disables scroll, or just hides bar? html, body{ overflow-x: hidden; -webkit-overflow-x: hidden; } /* tentei das duas formas…
-
3
votes1
answer4920
viewsSmooth link anchor scrolling
The following JS aims to promote smooth scrolling when we click on anchors on a website one-page. There is how to restrict its performance only with resolutions higher than 760px?…
-
3
votes1
answer436
viewsHorizontal timeline as you scroll down
(function($){ $(function(){ // Slider functionality // slide knob to position function (function( $ ){ $.fn.slideToPos = function() { var left = $(this).position().left + ($(this).width() / 2) -…
-
3
votes2
answers13570
viewsHow to make a scroll to the end of a div?
I’m hoping a determined div, possessing the attribute overflow-y:auto, whose height is fixed, is rolled at the end, so an element is added to it. In this case, I need it to roll until the end,…
-
3
votes1
answer2079
viewsScroll bottom in click event
I need the page to go down to the footer when clicked on a input. Actually when the user clicks on input and starts typing, the jQuery autocomplete is hidden by the mobile keyboard, so when it is…
-
3
votes1
answer876
viewsHow to add the logo to the fixed menu after a certain scroll on the page?
As in this site for example: After fifteen. Just like in the photo, I want the logo to come and from a certain scroll, appear the 'new' menu, along with the photo. I don’t know how to put the photo…
-
3
votes2
answers6364
viewsHow to make an element track the scrollbar?
How do I set my menu to scroll? I made a snippet to exemplify the code. I open the menu, when I scroll the page it is in its position. I want the menu to accompany the scrolling of the page. How can…
-
3
votes1
answer188
viewsHow to capture click event with mouse scroll?
My doubt is 'simple', but I can find no 'definitive' answer anywhere: You can specifically capture the mouse scroll click with JS? There is the function .click(), that I use a lot, but there is how…
-
2
votes1
answer700
viewsjQuery addClass in scroll
I got the code down and I’m trying to get the elements li stay with the class active depending on the scroll (effect Parallax), everything works fine (click functions for scroll) except that. If you…
-
2
votes4
answers1634
viewsScroll with Jquery
I am creating a site, and I want to make a scroll effect on the pages where when clicking on the menu item the page scrolls to where this related information. It would be more or less equal to this,…
-
2
votes1
answer546
viewsRandom results in SQL queries without repeating (Scroll Infinity)
I’ve had this problem for a long time and I can’t fix it. I have a page with infinite scroll that returns some rows from the database, but the results most often repeat. I’m using the following…
-
2
votes1
answer85
viewsHow to put an overflow on a scripted div to leave fixed lists in the header?
Hello, I’m trying to add a overflow:scroll in my project, but this invalidates the script that leaves the div marker fixed at the top until you reach the next div. http://jsfiddle.net/5cC83/5/ If…
-
2
votes1
answer115
viewsChrome auto page scrolling to select Multiple with selected option
When using the attribute multiple, the page when loaded, scrolls to the last <select/> containing a option with the attribute selected: Example in Jsfiddle <p>No Google Chrome a página…
-
2
votes1
answer244
viewsCreate an animation effect that runs only once, after a certain bearing height
I’m trying to create an animation for a div after the scroll is higher than a value (in my case, 1100). It works to some extent, but after it goes past 1100, every time you move the scroll this…
-
2
votes1
answer771
viewsHow to change the menu position using the scrollTo function?
I’m making a site and created a menu with anchor that has the effect of scroll with Javascript. So far so good, the only problem is that I need that when Javascript goes into action the content…
-
2
votes2
answers5471
viewsScroll to the button
I need to get the user to click on div with class panel-heading (h2), scroll down from the screen to the link sitebusca.html/. How can I create this code? HTML: <div class="panel panel-default…
-
2
votes1
answer148
viewsHow to stop $(window). scroll in an on-demand query
I make an on-demand query on my page, I bring the information from the bank while the user uses the scroll. $(window).scroll(function(evento){ evento.preventDefault(); var init = $(".canal .lista…
-
2
votes1
answer27
viewsFiring a method . scroll on mobile device
I am trying to use Jquery’s . scroll method as follows, when the user scrolls any change happens. $(window).scroll(function() { $('.exemplo').css('color', 'red'); }) .exemplo { height: 250px; width:…
-
2
votes1
answer1449
viewsManipulating elements with Javascript page scroll
I would like to Show or Hide the menu as per Scroll of the page, I tried to develop in the following way: window.scrollTo(function(){ if (window.scrollTo() > 212) { // se for maior de 212 pixels…
-
2
votes3
answers809
viewsOpacity according to page scroll
I have the following complication: $(window).scroll(function() { $('ID').css('opacity', parseInt(1 - ($(this).scrollTop()/100)*1)); }); In this code I can put opacity: 1; when the scroll is at the…
-
2
votes1
answer38
viewsTablerow added via program is not bringing all fields!
I’m trying to make a ScrollView - TableLayout - TableRow via program, but using an XML Layout as the internal database of Tablerows. It turns out that whenever I try to add the text of the last…
-
2
votes2
answers835
viewsScroll event
I’m trying to change the color of my navbar according to the page scroll, ex: It starts as transparent, but when I give it a scroll it turns white, if I scroll up again, it turns transparent, only…
-
2
votes1
answer2197
viewsfixed menu with jquery on certain scrolling (scroll) of the page
I’m trying to keep this menu fixed https://jsfiddle.net/40ouwkcw/ from a certain scrolling of the page, in this case after the initial image. I found several tutorials on google, but none works in…
-
2
votes1
answer273
viewsHow to perform an action when scroll reaches the top of the page?
I have all the code of a fixed sidebar that works perfectly, however I want that as soon as the scroll bar reaches the top of the page, the top itself, an element receive a CSS assignment through…
-
2
votes0
answers35
viewsEmbed pdf document and enable scroll to submit
Good morning, I would like to embed a pdf document on my website for a PHP registration form, in which after pulling the scroll to the end of the pdf, the commit button is activated. Here’s the…
-
2
votes3
answers290
viewsChange scrollbar positioning in a div
By default, in a horizontal menu the content is read from left to right, as in this image: However, I would like when the content is loaded, the scroll bar is, say, automatically moved to the right,…
-
2
votes2
answers669
viewsTables with vertical and horizontal scroll
I set up a table with scroll horizontal and vertical from this original http://jsfiddle.net/k5k7vtwu/: document.querySelector('.ux-data-table').onscroll = function (e) { // called when the window is…
-
2
votes1
answer689
viewsHelp - site one page scroll
Good night! I am developing a site one page scroll, I am currently developing the contact form, but when the page gave up the form the menu is in front of the form. And When I click on the form to…
-
2
votes1
answer131
viewsSmooth scrolling in div content
I have a script that scrolls smoothly when clicking on the anchor link. The problem is that it scrolls the entire page. I need him to scroll only the contents inside a div specific and the rest of…
-
2
votes1
answer1194
viewsHow to know if the scrollbar is active and its size?
I have a menu that opens based on the coordinates X and Y of click, but when it was opened at the ends it ended up extrapolating the layout, I arranged it, but when the scrollbar lateral is active…