Comments (1)
Hi @leran, you use the same settings just within the media query you want, like this:
{
top: 20,
responsive: {
1024: {
top: 0
}
}
}
So this means, the sticky will have the top set to 0 below the 1024px of the screen width.
And you also use mobileFirst
if you want the direction of the queries to go from lover to higher.
So you could write it like this:
{
top: 0,
mobileFirst: true,
responsive: {
1024: {
top: 20
}
}
}
Or you can use it to disable the plugin for specific resolutions:
{
responsive: {
1024: {
disable: true
}
}
}
So with this the plugin will be disabled below 1024px screen width.
from hc-sticky.
Related Issues (20)
- Plugin cannot use option 'stickTo' with a jquery element object ?? HOT 1
- Uncaught TypeError: Cannot read property 'getBoundingClientRect' of null HOT 3
- Is it possible to push stuff down at the bottom while scrolling? HOT 7
- How to use reinit method? Always get "reinit is not a function" HOT 6
- Flicker/Bounce when Chrome zoomed in/out HOT 8
- Uncaught TypeError: Cannot read property 'offsetHeight' of null at O (hc-sticky.js:11) HOT 1
- Uncaught TypeError: Cannot read property 'queries' of undefined HOT 5
- Long sidebar menu is cut off at the bottom when sticked HOT 1
- Demos suspended HOT 3
- [QUESTION/HELP]Stick element below another sticky element HOT 4
- Google Chrome | When bookmarksbar is show (ctrl + shift + b) sticky conteiner a little hide under bar HOT 3
- Multiple sticky bad performance when 'update' HOT 1
- Parent transform: translate(0, 0) HOT 1
- Cannot read property 'queries' of undefined HOT 2
- Smooth transition on Update Offset? HOT 4
- Avoid serving legacy JavaScript to modern browsers
- Duplicate/persistent Spacer element HOT 1
- sticky stop working when call ajax HOT 1
- Sticky Sidebar Sometimes Stays at The Top on Page Refresh
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 hc-sticky.