Comments (9)
if this is the issue i was having of the pinned item getting stuck in one spot on resize, my hacky fix for this is to reset it on window resize with:
$(window).on('resize', function(){
$('.mypinclass').attr('style', '').removeData('pin');
$('.mypinclass').pin();
});
from jquery.pin.
I actually don't see an instance where this isn't mandatory, as it breaks on any browser resizing. +1 for adding this into the plugin permanently.
from jquery.pin.
π @RoffeDH's fix works nicely. I've issued a PR to help.
from jquery.pin.
π
from jquery.pin.
Thanks, @RoffeDH!
from jquery.pin.
Any chance of getting this rolled in. It's pretty broken without it. I am trying to pin an error status bar but it breaks on resize.
from jquery.pin.
@RoffeDH π
from jquery.pin.
Maybe a better way than resetting:
$('.selector').pin({
containerSelector: '.container'
});
$(window).on('resize', function () {
$('.selector').width($('.container').width());
});
from jquery.pin.
I saw in the code that it looks addressed now, however, it didn't work as expected on my end, anyone having the same issue with the latest version? and what trick does work for you?
Thanks
from jquery.pin.
Related Issues (20)
- Pinned element scroll out of the parent
- CSS Selector inconsistency
- Bug on window refresh HOT 4
- minWidth on resize
- Header usage?
- V1.0.4 is not release HOT 3
- Using Modernizr to detect webp support breaks pinning
- Pinned class jumping to top of container HOT 1
- how to align pin to bottom of page HOT 3
- Bug on window refresh
- padding option to accept different measurements
- multiple pins within same container not working
- Multiple instances, different minWidths?
- Cannot read property 'top' of undefined HOT 1
- Tag 1.0.4
- Not working with tabs layout.
- How to support ie8?
- url.indexOf error
- BUG BUG BUG zoom:1.25
- βUncaught TypeError: a.indexOf is not a functionβ error
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 jquery.pin.