FAQ Database Discussion Community


Scroll the mouse changes the value of my select element

javascript,jquery,browser,scroll
I'm having problems with mouse scroll in some browsers, if the user goes up or down within my website affects selects several values that I have. This happens in all browsers and I figured there was a way through by javascript could cancel the event or to cancel the values...

Android - RecyclerView - How do I temporarily prevent scrolling?

android,scroll,recyclerview,cancellation
I have a RecyclerView that I wish to freeze (ie, not allow the user to scroll, but still be able to tap any current visible views) until a certain condition is met. How do I achieve this? I've tried to set an OnScrollListener as following: @Override public void onScrolled(final RecyclerView...

Disable tapping page scroll on iOS

ios,scroll,pspdfkit
PSPDFKit lets you scroll pages of a PDF 2 ways, by swiping left or right, or by tapping on the left or right edges. Is there a way to disable this "left or right" edges tapping? We want to use PDF tapping for something completely different and this effect causes...

Trigger Click when in Near Viewport

javascript,jquery,ajax,scroll,infinite-scroll
I have a "Load More" button which is at footer. Now when i scroll my body and is just above #loadSomeMoreCrap i want to trigger runthisfunction();. Can anyone help me figure this out. I went through JScroll but didnt find my answer. Any help would be great Thanks. HTML <div...

How To Create An Animated Scroll To Down Button With jQuery

javascript,jquery,scroll
This script for scroll to top, how can i change to scroll down. This is my script: $(document).ready(function(){ //Check to see if the window is top if not then display button $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('.scrollToTop').fadeIn(); } else { $('.scrollToTop').fadeOut(); } }); //Click event to scroll to top...

Scrolling over listview items not working on device

android,android-layout,scroll,android-scrollview
I want to scroll a portion of data in the screen, for which I added scrollview in the layout, but the listview is not getting scrolled, its working fine in emulator. I read all articles related to which says listview scrolling is not possible and tried alternatives designing custom scroll...

Android- RecyclerView Adapter - How to implement endless scrolling without deleting previous items

scroll,adapter,recyclerview,infinite
I'm developing an app to get tweets and display them on screen. I've user RecyclerView and it works fine. The thing is that when I get to the last item, I'm swapping the adapter in order to get new items, but the previous items get deleted and I can't scroll...

jquery scrolly: start position

jquery,css,scroll,parallax
I was experimenting with the parallax-example of scrolly/jquery & have one problem, I can't solve: I set the parallax bg-imges to fullscreen with 'center center' & cover, but as soon as scrolling starts, they're repositioned.Scrolling should start on the original position though. Here's what I get: http://theuniversebyear.com/para/example/index.html css section {...

Image goes over border of listview when scrolling

android,listview,android-listview,scroll,imageview
I've created several items in a list view. Each item in the listview is comprised of a custom adapter with a two row table. I have images and texts in the rows of the adapter table. When I scroll the list view, the contents of each row go over the...

Is `scan` parameter enabled during scroll in elastic4s?

scala,scroll,elasticsearch,elastic4s
Here (at the end of table) example about using scrolls in elastic4s but I can not see any API to set scan parameter. Is it enabled by default or should be used with some hooks? By the way Or scan parameter is enabled by default during scrolling in elasticsearch?...

.ScrollLeft in Firefox issue

javascript,jquery,firefox,scroll
I have this script: <script> Array.prototype.forEach.call(document.querySelectorAll(".thumbs div"), function ($div) { $div.style.width = document.querySelectorAll(" img").length * 100 / 4 + "px"; }); document.querySelector("#next").onclick = function () { var i = 100; var intervalId = setInterval(function () { document.querySelector(".thumbs").scrollLeft += 1; if (i == 0) { clearInterval(intervalId); } i--; }); }; document.querySelector("#prev").onclick...

Android change layout by sliding left/right

android,android-layout,scroll,slide
I tried many times to create a layout that contain multiple layouts and switch between these layouts by sliding left or right like on WhatsApp or Facebook apps. I have used some LinearLayout, TableLayout and ScrollView but I didn't found the way to achieve it. Do you have any solution...

HTML / CSS Column Scrolling

html,css,scroll,multiple-columns
I have two columns on my page. The left column is one long list, the right is smaller. When I scroll up and down I want the right column to float with the page not be static. I've managed to get this working using this css: .connected { min-height:100px; float:...

How to prevent the vertical scroll of this div?

html,css,css3,scroll,xhtml
I am not so into CSS and I have the following problem. I have the following situation: into a page I have a very large table (that was horizontally truncated because it not entered in the page). So to solve this issue I put this table into a scrollable div,...

how to use Continue Scrolling When At First or Last Item On Button Press

javascript,scroll
I want to use up,down Key to Continue Scrolling i.e if I Press up then Scroll in upward direction or vise versa not one click Example: > http://jsfiddle.net/hazim/jLfdf2zh/ ...

Wait before function can be executed again

javascript,jquery,scroll,delay
I'm playing around with some javascript and JQuery. I'm trying to do something specific each time the user scrolls. It works fine when I use a mouse with a scollwheel. But when I use the trackpad on my laptop it goes incredibly fast. I think it's because it executes the...

How to calculate coordinates to scroll window to icon center position in Javascript?

javascript,scroll
I have a webpage with tree of icons drawn on a canvas: http://seznamka.moxo.cz/ You can move with the icons. My idea what I want to do is to center the view area of the window to the position of the icon. For example, let's click and drag icon "Gothic" which...

Scroll through a tkinter frame or window [duplicate]

python-3.x,scroll,tkinter,scrollbar
This question already has an answer here: Adding a scrollbar to a grid of widgets in Tkinter 1 answer I am creating a window that will be quite long, and I want to have a scrollbar to be able to scroll vertically through the window (it's a settings window)....

Auto scroll down a TextArea

java,scroll,javafx,textarea
I have a TextArea that doesn't scroll down when I add text in it. I thought using this answer, but my TextArea is connected to a StringProperty like this : consoleTextArea.textProperty().bind(textRecu); So the answer doesn't work for me, is there another way to make my TextArea scroll down every time...

On scroll cover previous section, no js

html,css,scroll
I am trying to perform a scrolling effect. On scroll, the next page section should cover the current one. So the current section is docked to the top of the screen and while the next section arrives the current is progressively covered but doesn't move. Basically I am trying to...

Keep a button visible while scrolling a page

php,html,button,scroll
In a specific page of a web project, I'd like to add a button which "follows" the user while the page is scrolling up and down. With CSS, php, jquery, whatever the way I could do this... The problem is : I really didn't find any documentation on the web...

What causes some iOS web pages to not continue scrolling when swiping finger is released?

css,scroll,uiwebview,mobile-safari,hybrid-mobile-app
I have webpages or certain scroll context sections of webpages that do not scroll correctly in mobile Safari and UIWebView. When you are swiping, the normal behavior is for the page to continue scrolling after your finger leaves the screen, and gradually stop depending on how quickly you swiped. On...

Setting table height appears to adds margin-top instead

html,css,table,scroll
So I'm trying to make a scrollable table, with the table height set. However, when I try to set the height, it adds a margin on top of the table instead of adjusting the height of the actual table. I want only the table to scroll (Not the date above...

How to trigger automatic page scroll on a particular page position with sound

javascript,jquery,html,css,scroll
I am trying to create a interactive web comic (in html, css and javascript) where I want to trigger an automatic page scroll down at a defined speed from one point to another point, to make a sequential animation using multiple jpg images. In simple words, when a reader scrolls...

Bind scroll to on click event

javascript,jquery,scroll,onclick
I've got a downArrow and upArrow buttons on my page to control scrolling. When scrolled to the bottom of the page, the down arrow disappears; and the up arrow disappears when scrolled to the top. Everything works perfectly. Question: How do I bind the mouse wheel scroll to my on...

Centering 3 child divs, all 100% width?

javascript,jquery,html,css,scroll
So I have a parent div (100% width) and in it, 3 child divs (also 100% width). How would I set the "default displayed div" to the 2nd child such that the left div would be off screen to the left and the right div would be offscreen to the...

Scale and change an element from an image to a word, depending on scroll position.

javascript,jquery,html,css,scroll
I have seen some scrolling effects for example on Google SketchUp's site, their banner is initially "built into the page" and then it seems to pop out and remain stuck at the top after a certain position down (scrolling). Google Plus seems to have some special effects as well, like...

Jquery Reading Position progress between article content

javascript,jquery,html,css,scroll
In this example http://jsfiddle.net/SnJXQ/61/ that reading progress indicator but it's width increased from top of site !! but we need progress bar width begin increasing when article content div reached until end of article content and this is a sample code that we need to editHTML <div class="bar-long"></div> <header>Header &...

how to log scroll events to console with javascript

javascript,events,scroll
I want to output to the console the x and y changes of any scroll event on the window - just to test something. How do you do this with plain JS?

I created an HTML sandwich page with scroll but, it doesn't work

javascript,html,css,html5,scroll
I created a HTML sandwich with a scrolling bar. Header body(scrolling table) Footer Nor the header neither the footer can move (and they don't), and the table in the center should scroll all its content but, unfortunately the scrolling bar doesn't appear. I've seen lots of examples, it should work...

Implementing one page scroll by Pete R

jquery,css,plugins,scroll
Im not good with jquery, js, scripts overall and i´m trying implementing this onepagescroll puglin by Pete R. but till now no sucess. https://github.com/peachananr/onepage-scroll Thinks i´ve done: body { margin: 0; font-family: 'Open Sans', Helvetica, sans-serif; min-width: 900px; } .header { background-image: url("img/fundo1.jpg"); background-size: cover; background-color: rgb(21, 21, 21); color:...

Internet Explorer Jumpy Scrolling

javascript,jquery,internet-explorer,scroll
I have this code to keep a heading element at the top of another element that scrolls. It works perfectly in Firefox and Google Chrome however in IE it's excruciatingly jumpy. The code itself is very simple and I can't think how to potentially improve it. In Chrome and Firefox...

Hide/Collapse div when only scrolling vertically

jquery,html,scroll,hide
I'm developing a hamburger menu for the mobile version of my site. You can see exactly how it works on this codepen: http://codepen.io/terrorsaurusrex/pen/gluFh As you can see, you click the hamburger menu and the div with links expands downwards. If you scroll, the div collapses and the menu returns to...

Chrome issue, mousewheel scrolling iframes

javascript,html,google-chrome,scroll
I've been searching over internet with success, I appreciate if someone can help me. My problem is, seems that last Google Chrome version has created a bug/or not with scrolling using the mousewheel. I will try explain the issue in the better way. Case scenario: I have a page with...

Position absolute but with fixed scrolling

html,css,scroll,fixed,absolute
I would like it so the buttons stay on the screen. Right now i use position absolute, so the buttons are a fixed amount to the left and right of the list. But i also want it so the buttons stay in place while scrolling (like with position: fixed). http://jsfiddle.net/6vb5u7eg/1/...

How to make Google Chrome and iOS remember scroll position in div after returning back?

css,browser,scroll,position,back
The problem is that the scroll container is a div, not body. And that causes Google Chrome and iOS to fail to remember scroll position of the div after users go to another page and then return back. The related CSS code is as follows. The scroll container is #container....

ListView - ImageLoader moves List / Items on Scroll up

android,listview,scroll,image-loading
I'm looking for an answer half a day, but I can't find anything although I thought it is a common problem. My Problem: I have a ListView which has items of different sizes (heights). Every item contains an ImageView. The Image for this ImageView is loaded in background by an...

Jquery Scroll Not Appearing Across All Pages

javascript,jquery,scroll
I may be overlooking something dumb... but I'm using this code and normally, would expect it to run across all pages as it's injected to the /head of the document. For some reason, it's only applying to the home page and no other page.... Can't seem to see what's wrong...

Assign variables current value JS

javascript,scroll
I have variable that counts scrolling pixels, and I want on click to assign its current value at the time of click to different variable. var scrl = $('body').scrollTop(); $('div').click(function(){ var position = scrl; }); This works, but only assigns value once. For example if I scroll to 500px it...

Scrolling elements then fixed

javascript,css,scroll,fixed
I can't seem to figure out a way to do this. I've found several example to get an element fixed when past a certain point but not multiple items overlapping. Here's how I want want my site : https://jsfiddle.net/42q4go5L/5/ $(document).scroll(function(){ el = $(".wrapper"); wrapperOffset = el.offset().top; scrollPosition = $(window).scrollTop(); if...

jQuery scrollLeft animates to wrong position

jquery,html,css,animation,scroll
I'm doing a webpage with a slideshow, with a jQuery scrollLeft function. My problem is that it works on the first .slide then the div scrolls to a completely wrong position. Note that I'm using the function on two different classes! Here's a jsfiddle of my problem: https://jsfiddle.net/5xx6g7j8/ Any ideas?...

if statement run when condition fail bind with window scroll event

javascript,jquery,scroll
INFO I am trying to build a one page website where, when user scroll a bit, it automatically snap to the next section, my logic here is to get all scroll top of section, find the nearest section, depending on the direction of scroll please see complete code here http://jsfiddle.net/e3fed8sw/...

Is it possible to crop an Element using Elm's std library? If not, is there a 3rd party lib for this?

forms,scroll,element,crop,elm
I often run across a situation where I've constructed an Element or Form and wish to crop the view down to a given area (i.e. for scrolling within a smaller rectangle) though I haven't been able to find any methods for this within their respective modules. Is it possible to...

Android set scrollLeft while updating content on scroll event does not update scrollbar position

javascript,android,google-chrome,scroll,touch
Setting scrollLeft does reset the scroll bar position and updating the content works as expected but when doing both at the same time the scroll bar gets confused and doesn't reset. To see the expected behavior vs unexpected behavior view each demo on a device with a touchpad and use...

How to keep scroll position independent of postback?

javascript,asp.net,scroll
I have a regular time interval event in javascript which clicks an asp button. The application is a common chat room and I have to refresh the gridview (which is inside a panel) to check for new chats. But everytime the button is clicked and gridview is refreshed the panel...

Bug in a Scroll of DataGrid - WPF?

wpf,scroll,datagrid
I hope you can help me with this: I have a DataGrid with 20 rows and every time I check the checkbox in one of the columns, a label value is increasing by 100 each time or decreasing if unchecked. So, once I've checked all the rows the value of...

jQuery: How to detect arrow key press only on certain element

javascript,jquery,scroll,keydown,onkeydown
I am new to jQuery and am trying to find a way to detect an arrow key press (only up and down). When searching for this online I came across this post from here. This looks very good but I want to detect the arrow key press only when the...

Prevent adding class without browser scroll

javascript,jquery,scroll,scrollbar
This js add class only while Scroll Up the browser page. But problem is after Scroll Up browser to top of the page .darkHeader class are not remove, means i want to remove this class after page Scroll Up to top. JS lastScroll = 0; $(window).on('scroll',function() { var scroll =...

iscroll - does not work in jsfiddle

javascript,html,scroll
I want to set up iscroll in a jsfiddle, but it does not work. What is missing? js fiddle JS var myScroll; function loaded () { myScroll = new IScroll('#wrapper', { mouseWheel: true }); } document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); ...

My WatchKit wkinterfacetable won't scroll

scroll,watchkit,wkinterfacetable
Despite having more elements than fit the screen I can't seem to get a scroll behavior via touch or scroll wheel in the simulator or actual watch. ...

Complex continuous scroll loop

javascript,jquery,scroll,infinite-scroll
I have a code similar to: <div id='right-column'> <div id='results'> <div id='result1> <div class='main'></div> <div class='details'></div> </div> <!-- ... --> <div id='result50> <div class='main'></div> <div class='details'></div> </div> </div> </div> the total number of results depends of the ajax query, I insert all the results dynamically in one go. div.main is...

jquery button scroll on click

jquery,events,scroll,click
I am making buttons, when hovered shows me border on specifiec items, which suits it's category. But I meet some problems, when there are more images, they are not visible on page, I have to scroll down. My code right now looks $(".cat1-button").hover(function () { $(".cat1").css("border", "4px solid #4f7b37"); });...

Prevent 100vw from creating horizontal scroll

css,css3,scroll
If an element is set to width: 100vw; and there is a vertical scrollbar the width of the element will be equal to the viewport plus the width of the scrollbar. Is it possible to prevent this? Is it possible to prevent this without disabling horizontal scrolling on the entire...

Change nav a.class on horizontal scroll with jQuery

jquery,html,css,scroll,addclass
I'm working with a horizontal design, with a navigation menu in the top left corner. I want each link to change appeareance as you scroll horizontal. I've used the same thing for vertical scroll-navs without any issues. So I tried the same code but using .scrollLeft(); instead of .scrollTop();and .position().left...

angular bootstrap scrolling tabs

angularjs,scroll,tabs
Guys I am beginner in AngularJs and javascript. In my project, I am using this plugin https://github.com/mikejacobson/angular-bootstrap-scrolling-tabs but I am facing error and I am not able to find the root cause even after spending too much time. Here's my HTML code - <div class="scrolling-tabs-container" ng-controller="MainController as main"> <div scrolling-tabs-wrapper>...

Swift - UITableView scroll event

uitableview,swift,events,scroll,hide
I was wondering how to detect if the UITableView is scrolled (up or down). I want to hide the keyboard when the UITableView is scrolled with self.view.endEditing(true). Thanks in advance...

Count Number of Times a Mouse Wheel Scroll Event has Occurred

vb.net,winforms,scroll,vb.net-2010,mousewheel
Right now, a MouseWheel scroll changes the record viewable in my DGV. A negative iDelta moves to the next record, and a positive iDelta moves to the previous record. Each record contains a header/footer and actual data in the dgv. I'm trying to optimize the speed at which I can...

Ckeditor inline editor stays on screen when scrolling a “scrollable” div

javascript,jquery,scroll,ckeditor
I have a "scrollable" div. Inside this div i have some text and another div with contenteditable=true. The HTML source looks like this <div id='scrollable' style="overflow:scroll;height:500px;width:90%;position:absolute"> some text <div id='editable' style="color:red" contenteditable=true>editable div</div> some text </div> An inline ckeditor editor for the "editable" div should appear on page load. This...

show/hide an overflow div on anchor

javascript,jquery,html,scroll
I'm trying to make a div appear (if not already visible) and be scrolled to a specific anchor. I found this answer and try to use it but it looks like it doesn't work well... http://stackoverflow.com/a/7513110/3703099 My code : http://jsfiddle.net/0sq2rfcx/9/ As you can see, when you click on button it...

Scroll to a section of the page when clicking on the navbar

jquery,html,scroll
I've been making my first website - a single page site with different sections containing content. I've created a nice looking navbar and have been scouring the internet to try and find a way to add functionality to it. All I want to do is make it so that clicking...

scroll to with easing does not work with infinite js. scroll to with easing conflicting with infinite js

javascript,scroll,conflict,infinite
PLEASE VIEW SOURCE CODE ON BOTH PAGES. On this page: _p1.html It is "page 1" Use the scroll bar on the right side of the browser to scroll all the way down to bottom of page. "page 2" will appear. I am using infinite scroll js. I am also using...

Scroll AngularJS ngRepeat with Ajax loading data

angularjs,scroll,angularjs-ng-repeat
First of all a plunk: http://embed.plnkr.co/C866y3LHCE7QfBGuFQPQ/preview So here I'm getting a set of posts via Ajax and displaying them using ngRepeat. Then (when the posts are done rendering) I want to scroll the page to a specific post (let's say post №18). Seems simple, but I can't get it working....

How to specify an initial state on page load using js?

javascript,html,scroll,hide
I have a brand within a navbar and I want it hidden before the first 100px. But when loading the page, the brand is visible. Only after scrolldown the page the code works. Consider this example. $(window).scroll(function(){ if($(window).scrollTop()>100){ $("#theDiv").fadeIn(); }else{ $("#theDiv").fadeOut(); } }); VIEW DEMO When you open the link,...

Android ListView onScroll Fires Multiple Times

android,listview,scroll,android-linearlayout,onscroll
I have two views in my fragment. In the first view, I have a linear layout, which holds some controls and in the second view, I have a listview. I want the linear layout in the first view to be collapsed / expand when I scroll up / down listview....

Default scrollbar position

javascript,jquery,html,css,scroll
I'm building a chat application in which I need the scrollbar to be at the bottom of the chat window (last message) on page load. How do I accomplish this (Using jQuery or otherwise)? Here's the chat window div: <div id="ccwindow"> <div class="bubble me">Hey!</div> <div class="bubble you">Hello</div> <div class="bubble me">I...

Why when scrolling element upwards does the y / top position number not change here?

javascript,angularjs,scroll
I'm working on building a infinite scroll feature in an Angular app. Building 1 step at a time, currently I'm at the part where I've attached a scroll eventListener to the #tags-col or tagsCol. plnkr: http://plnkr.co/edit/7OnKAGvVNXWLwN5fZqJu?p=preview I have code that is suppose to return the top y value of tagsCol,...

How to make a scroll as real as clicking the scroll bar arrows?

javascript,jquery,html,scroll,onhover
I want to simulate the scroll bar arrows' clicks by hovering certain elements. Basic example: function scrollBody(dir, speed){ $('html, body').animate( {'scrollTop': dir+'='+speed+'px'}, {duration: 300, easing: 'easeOutQuad'} ); }; $('#top').hover(function(){scrollBody('-', '50')}); $('#bottom').hover(function(){scrollBody('+', '50')}); $('#top-fast').hover(function(){scrollBody('-', '150')}); $('#bottom-fast').hover(function(){scrollBody('+', '150')}); #content{width: 300px} .scroller{ position: fixed; background-color: grey; color:...

Scroll to specific div from another page minus X distance

javascript,animation,scroll
I'm using the following script to perform the action described in my title. <script type="text/javascript"> var jump=function(e) { if (e){ e.preventDefault(); var target = $(this).attr("href"); }else{ var target = location.hash; } $('html,body').animate( { scrollTop: $(target).offset().top },1000,function() { location.hash = target; }); } $('html, body').hide(); $(document).ready(function() { $('a[href^=#]').bind("click", jump); if (location.hash){...

Prevent parent page from scrolling when mouse is over embedded iframe

css,html5,iframe,scroll,mousewheel
...without limiting the scroll inside the iframe or the need to specifically name the scrollable elements. I have a google-map-like widget that can be embedded in 3rd party websites in the form of an iframe embed code. When people use mouse wheel over my widget I want only the content...

Enable scrolling bar on a specific div

css,scroll,overflow
I have this website: link and I want the black part only to have a scrollbar so the user can see the whole content. I have used overflow on body so the whole page denies scrolling, but I can't get it to be enabled on this specific div. What do...

tableViewUi cell subtitle shows sometime

scroll,subtitle,tablecell
I am having an issue with UITableViewCell. When the table view loads, some of the cell does not have subtitle. I aldy set the style of cell to subtitle. The weird part is when I scroll up and down, the missing parts appear again but some other cells are missing...

My list view does not get scrolled

android,listview,scroll,adapter
PFB my layout My listView does not get scrolled I have 3 list below one relative layout Its the structure that like when I click on Relative Layout The list gets visible . Its working fine when I click on relative layout and after the data is populated . But...

Animate div when the scrollbar reaches certain position

javascript,jquery,html,css3,scroll
My website at the moment has three sections in a single scroll layout. With a Heading for two sections: About & Contact (these are div boxes) that animate when you scroll to the bottom of the page. What I'm trying to achieve is having the animation take place when the...

I want to turn my menu fixed on top

javascript,scroll,menu,navbar,fixed
My menu is hidden/show, but I want to keep it on the top of the page when I scroll. The HTML: <div class="menu"> <ul> <a href="#home"><li>Home</li></a> <a href="#about"><li>About</li></a> <a href="#servicces"><li>Services</li></a> <a href="#projects"><li>Work</li></a> <a href="#contact"><li>Contact</li></a> </ul> </div> <div class="menu-toggle"> <a href="#"><i class="fa...

Custom tableview scrolling issue on cells

ios,uitableview,swift,scroll,tableviewcell
I have a programatically created tableview var tableView: UITableView = UITableView() var items = ["1","2","3","4","5","6"," 1","L 2","La 3","La 4","La 5","La 6","L 7","La 8","La 9","La 10","La 11","Lab 12","Lab 13","Lab 14","Lab 15","Lab 16","Lab 17","Lab 18","Lab 19","Lab 20","La 1","L 2","La 3"] override func viewDidLoad() { super.viewDidLoad() tableView.frame = CGRectMake(0, 50, self.view.frame.width,100); //If we...

Jquery 100% scroll to first section

javascript,jquery,css,debugging,scroll
I'm trying to scroll 100% of the page to the first section and than have the normal scroll through others sections and vice versa. I've tried different approach with no results except a loop.. check this fiddle. This is the structure of the page and every elements has 100% height:...

Oveflowing fixed position popup, scrolls body beneath

javascript,html,css,scroll,fixed
Basicly I have popup, that is width:100%; height:100%; and has vertical scroll. My body has vertical scroll too. So when I scroll the content of the popup, its scrolls until it can, then continues to scroll the body bellow. ...

Javascript mouse scroll delta

javascript,dom,scroll
is there any way to enhance scroll functionality in javascript to force it to scroll vertically to specific element when user uses mouse wheel to scroll? just want to implement functionality like single page applications have.

image related info showing while image centered when scrolling

javascript,jquery,scroll,fade
I have the following problem: I want image related captions in a div to show up while scrolling through my tumblr blog. So far I embedded the following code and managed to get it work: script I used: Fiddle $(window).load(function () { $(window).on("scroll resize", function () { var pos =...

Creating Seamless nested scroll rollover

javascript,jquery,css,html5,scroll
I am attempting to create a series of window sized divs with inner divs of variable sizes > window size. The catch is it needs to scroll as if the divs where not nested. In short I want THIS: css{ block{ height:100wh; } innerBlockSmall{ height:100wh; } innerBlockLarge{ height:200wh; } }...

Reverse scroll direction angularjs

angularjs,scroll,ionic-framework,direction
I'm building a ionic / angular app and I'm in a situation that I would like to reverse the scroll direction on scroll input. So normally when jou scroll down for example the area that you scroll will also move down. What I'm trying to accomplish is that when you...

Detecting when native select widget is opened/closed in UIWebView

javascript,ios,scroll,uiwebview
When the user clicks on a select box in UIWebView, a native popover is displayed at the bottom of the screen with the available options. The webpage contents scroll up to make room for this popover. It seems like no DOM event is fired when this scroll happens, although the...

DevExpress RibbonPageGroup not Scrolling correctly

wpf,scroll,devexpress,ribbon
I am using a RibbonPageGroup set to AllowCollapse="False" with an amount of BarItemLink items inside it. For Example: <dxr:RibbonPage Caption="TestPage"> <dxr:RibbonPageGroup Name="pTestGroup" AllowCollapse="False"> <dxb:BarItemLink BarItemName="bTestItem1" RibbonStyle="Large" /> <dxb:BarItemLink BarItemName="bTestItem2" RibbonStyle="Large" /> </dxr:RibbonPageGroup> </dxr:RibbonPage> I am using AllowCollapse because i want the items to scroll horizontally. The problem i'am facing is...

Put Swipe Gesture over UIWebView to Get Scroll Direction in IOS

ios,xcode,scroll,uiwebview,swipe
I want to get the scroll direction in webView. I read the code about getting scroll direction here. -(void)userDidScrollWebView:(id)scrollPoint{ // NSLog(@"scrolled:::"); NSString *x1 = [webView stringByEvaluatingJavaScriptFromString: @"scrollX"]; NSString *y1 = [webView stringByEvaluatingJavaScriptFromString: @"scrollY"]; NSLog(@"scroll x=%@ y=%@", x1,y1); if ([y1 isEqualToString: @"0"]) { NSLog(@"RELAOD ME"); } } I have 2 Questions...

Accordion - Scroll Content within DIV

php,html,css,scroll
I'm using the accordion code from: www.mraffaele.com/labs/css-only-accordions/ This works well but I'd like to vertically scroll content on one tile. This fiddle shows what I've currently got working. TITLE TWO Scrolls the div contents. but I'm trying to make it only scroll a specific part of the tile. This fiddle...

ElasticSearch Multiple Scrolls Java API

java,scroll,elasticsearch,parallel-processing
I want to get all data from an index. Since the number of items is too large for memory I use the Scroll (nice function): client.prepareSearch(index) .setTypes(myType).setSearchType(SearchType.SCAN) .setScroll(new TimeValue(60000)) .setSize(amountPerCall) .setQuery(MatchAll()) .execute().actionGet(); Which works nice when calling: client.prepareSearchScroll(scrollId) .setScroll(new TimeValue(600000)) .execute().actionGet() But, when I call the former method multiple times,...

How to both scroll and stop UIScrollView programmatically?

ios,animation,scroll,uiscrollview,animatewithduration
There are a lot of similar questions but they all differ from this one. I have UIScrollView which I could both scroll and stop programmatically. I scroll via the following code: [UIView animateWithDuration:3 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{ [self.scrollView scrollRectToVisible:newPageRect animated:NO]; }]; And I don't know how to stop it at all....

Scrollable Edittext in Listview in android

android,scroll,android-edittext
I am working on one of my Android project in which I am showing one Listview with Edittext inside Listview row. the problem is when I try to scroll Edittext, I can not do so as Listview will be scroll. How can I achieve scrollable Edittext in Listview. Here is...

How to prevent iFrame actions from causing outer page to scroll to it

javascript,iframe,browser,scroll
First, I know there are many questions about this phenomenon but none of the workarounds given so far would help in the situation I have here. Environment: My code is in the Outer iFrame inside a page I don't control. It's sized to fit all my content so no scrolling...

How do I force jquery terminal to remain the same size?

jquery,scroll,terminal,position,jquery-terminal
I am using Jquery terminal and it seems pretty cool. I've been looking around for several hours now, and I can't find a way to get the console to remain stationary when text is inputted. Instead, the console increases in size for every line of input that I enter. Does...

jQuery div Slide in on scrolldown, slide out on scrollup

javascript,jquery,css,scroll,jquery-animate
This lets me slide the #contact div in, but when I scroll up it doesn't slide back out. $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('#scrolltop').fadeIn(); $('#contact').animate({ right: "0px" }, 500 ); } else { $('#scrolltop').fadeOut(); $('#contact').animate({ right: "-115px" }, 500 ); } }); ...

How to hide scrolled content under fixed transparent header

css,scroll,fixed,transparent
I looked through similar questions here but none have working solution. I want to hide body content under transparent fixed header when scrolled. Here is an example of what I have now : https://jsfiddle.net/nukuf23L/ If it is possible I would prefer pure CSS but JS/JQuery is acceptable also. HTML: <div...

How to make GIF animate on scroll only?

jquery,scroll,gif,animated-gif
I am building a Wordpress site that incorporates an animated GIF and I am trying to get the GIF to animate only when the user is scrolling. The page is basically ready – http://www.fi1000.com/wp/ – but the GIF would work a lot better if it's only animating on window scroll. I...

android - make text away from my toolbar

android,scroll,toolbar
when I scroll my text forward my toolbar , text mix with my toolbar title , it look bad . any idea how to fix this issue thank you in advance my xml file <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" style="@style/noActionBar"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="fill_parent"...

Sticky Position: Header scrolled away after a while

html,css,scroll,position,sticky
On my website I have made the <nav> stick to the top, but it only sticks a few seconds / pixels when I scroll down, then it gets scrolled away, please see the code snippet below and scroll down. I want the nav to stick to the top any time...

JS Scroll Event not firing up

javascript,php,scroll,onclick
I've tried overwriting the scroll-to-id-event with a js-function I found online (Smoothly scroll to an element). For unknown reasons it wont fire up. Js itself is correctly implemented, as I managed to output some text with document.print('test'); Im really really not into Js, so please be patient with me. Index.php:...

Sync 2 list boxes to 1 scrollbar

vb.net,visual-studio-2012,scroll,listbox,listbox-control
I have 2 listboxes next to each other. One holds the order the other holds the total cost of the order. For obvious reasons i need both listboxes to scroll simultaneously. Here is what i have tried Private Sub lstOrders_Scroll() lstTotalsEachOrder.TopIndex = lstOrders.TopIndex End Sub Private Sub lstTotalsEachOrder_Scroll() lstOrders.TopIndex =...

Implementing control by control (not smooth) scrolling panel

c#,winforms,scroll,panel
I have a FlowLayoutPanel that contains User Controls from up to down with vertical scrollbar. Like any other scrollable control, I can scroll it pixel by pixel. Is there a way (.NET Framework or native API way) to scroll it User Control by User Control, in order to snap to...

Best way of implementing a scrolling navigation drawer

android,android-listview,scroll,navigation-drawer
I have been adding a navigation drawer to one of my apps, and I started to wonder whether or not it would be better to switch from using a ListView to multiple TextViews for the navigation drawer list items. Looking at the Google Design Guidelines on Navigation Drawer content (specifically...

jQuery scroll to element after element animation

javascript,jquery,css,animation,scroll
I'm having a bit of an animation scrolling issue and have exhausted my debugging efforts. In a nutshell, what I'm trying to do is scroll to an open panel on the users click. User clicks on 1 of a series of panels, that panel opens up (animates), and the freshly...