Comments (3)
Hi altoenergy,
The method you want is scrollerInstance.updateDimensions() (you don't ned to pass in dimensions - the docs need to clarify this).
Is all you're doing to trigger the problem setting a style.display property on one of the inner elements? Which browser version? We should probably pin that down...
from ftscroller.
Thanks, I will try that.
Yes, it's a simple show / hide on the element...
I have the following (crudely)
<div id='header'> // position : fixed
</div>
<div id='content'> // position : fixed
<button>Show tab 1</button>
<button>Show tab 2</button>
<button>Show tab 3</button>
<div id='tab1'>
</div>
<div id='tab2'>
</div>
<div id='tab3'>
</div>
</div>
<div id='footer'> // position : fixed
</div>
The html is being dynamically injected into 'content' at runtime.
The button on-click is $("#tabX").show().siblings().hide()
The order of events is...
- new 'content' injected
- scroller is attached to 'content' (at this stage, all tabs are visible !)
- tab 1 is made visible, others are hidden
- scroller responds to this (and correctly respects the length of tab 1)
- subsequent user button clicks hide / display other tabs
- scroller does not respond to these changes (it continues to respect the length of tab 1)
So,
If tab 1 is the shortest content, other tabs may lack sufficient scrolling.
If tab 1 is the longest content, other tabs may have excessive scrolling into blank space.
Sorry I didn't give browser info before.
I see the problem on Safari (iOS 7 and OSX 6.0.5) but ok on Chrome 30.0.1599.69.
Thanks.
from ftscroller.
I've got a similar problem. I've got a div that I'm adding content into dynamically via Javascript. The scroller resizes no problem when I add rows to the div but..... when I change the height of the text boxes the row's contain it doesn't recognize the change in size. Will try to bind the FTScroller update command to the event that manages the text box resize. :)
Bootstrap 3
Flat-UI 1.2.2
JQuery 1.8.3
JQuery UI 1.10.3
JQuery UI Touch
Chrome 31.0.1650.63 in Linux Mint
from ftscroller.
Related Issues (20)
- When child is focused, container gets scrolled in DOM as well as _childFocused firing HOT 1
- Implement standard DOM events
- FTScroller vs. native scrolling in 2015 HOT 2
- modify options at runtime (after initialisation)
- Issues in New iPAD iOS Safari HOT 2
- Performance suggestions
- sensitive on touch screen
- Autohide option HOT 1
- Horizontal snapped scroll container overlaps with page scrolling (touch)
- Add support for the standard wheel event.
- maxFlingDuration isnt used unless singlePageScrolls and snapping options are set to true
- Can't disable momentum
- height dimension problem
- Implement scrollIntoView
- height refresh when softkeyboard is visible
- Scroll events do not fire during fling or bounce HOT 2
- Delay before scrolling can resume even when bouncing and flinging are turned off
- ftscroller vertical scroll issue in jqm 1.4.5 and cordova android 5.1.1 app
- FT Scroller doesn't work on iOS 9 Beta 2 HOT 1
- syncing with another element HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ftscroller.