Comments (15)
Hello @wwwahe,
Thanks for your feedback.
It's an interesting point and we will discuss this with @Anthodpnt and the other contributors.
We will give you an answer as soon as we've made a decision about this.
Have a great day :-)
from highway.
this issue is fixed or not.
https://bandandwire.com - this site is working well browser arrow but when I was trying to apply then all are good but browser previous or next arrow is not working.
from highway.
Are there any developments on this?
We were going to adopt this library but this is a major drawback to our needs.
from highway.
Hello @fsdiogo @pratikchauhan14
Yes, this library is still in active development & maintained.
We although still have to come up with a solution if we decide to take care of this issue inside Highway.
The issue is in the pipe of things we need to address.
We will obviously let you guys know about the status of this when we go forward on it. For now, timing is a bit hard on our side so we can not really promise anything in a short notice.
Thanks for your interest !
from highway.
It's also interesting to hear your version of the feature for simple & complex web pages :
Simple :
- Enable scroll restoration with a boolean passed to the constructor; Would happen on popstate once the view is completely parsed
Complex :
- Allow developers to restore previous page scroll position whenever they need with a function to give the opportunity to restore the scroll position AFTER an ajax call / any dynamic section / ...
from highway.
https://studiovoila.com/
https://asaro.co.uk/
and other site are still working back arrow and next arrow. are they use production build or other else. I need to apply in my site but this issue is mejor to adopt this library.
from highway.
I am not understanding your problem @pratikchauhan14 ; previous / next arrow buttons are not working on your website ?
from highway.
I think he's referring to the scroll restoration not working when pressing the next/back arrows.
from highway.
I am not understanding your problem @pratikchauhan14 ; previous / next arrow buttons are not working on your website ?
yes in my site browser next and previous arrow are not working.
from highway.
I think he's referring to the scroll restoration not working when pressing the next/back arrows.
no man,
I am simple wordPress theme integration in my local machine. and nothing task perform in scrolling. just when i go to home to about us page and then i come back to homepage via browser back arrow at the time arrow not working.
from highway.
Please @pratikchauhan14 give us more context and information about your issue otherwise we are not able to provide any help.
Which browser ? Which OS ?
What action do you do ?
What do you expect from this action ?
Also, please take a minute to re-read the documentation and re-work your code to make sure it matches our default setup.
From what I read, your issue is probably that you do not work well with the transitions; you might have forgotten to call done() or remove previous view.
Please, have a clean re-try.
from highway.
`import Highway from '@dogstudio/highway';
import FadeIn from './transition';
import { TimelineMax } from 'gsap';
var scriptList = document.querySelectorAll('script[script-refresh]');
const H = new Highway.Core({
transitions: {
default: FadeIn
}
});
H.on('NAVIGATE_END', ({ from, to, location }) => {
console.log('NAVIGATE_END');
});
H.on('NAVIGATE_OUT', ({ from, to, location }) => {
console.log('NAVIGATE_OUT');
jQuery('script[script-refresh]').remove();
});
H.on('NAVIGATE_IN', ({ from, to, location }) => {
ScriptReload(scriptList);
console.log('NAVIGATE_IN');
});`
here is my code and here is my transition.js file code
`import Highway from '@dogstudio/highway';
import { TimelineMax, TweenMax, Expo, Tween } from 'gsap';
console.log('innn');
class FadeIn extends Highway.Transition {
in({ from, to, done }) {
window.scrollTo(0, 0);
from.remove();
var tl = new TimelineMax();
const layer = document.querySelector('.overlay-1');
tl.fromTo(to, 0.5, { opacity: 0 }, { opacity: 1 }).to(layer, 0.2, {
height: 0,
onComplete: () => {
done();
jQuery(window).trigger('resize');
}
});
}
out({ from, done }) {
const layer = document.querySelector('.overlay-1');
var tl = new TimelineMax();
tl.to(layer, 0.5, { height: '100%' }).to(from, 0.2, {
onComplete: () => {
done();
}
});
}
}
export default FadeIn;
`
from highway.
here is my code. I don't know. what issue in my code. I will try within 7 days. please can you check my code.
from highway.
Highway is a free library that we are happy to provide to developers.
Please, consider re-reading (as asked) the documentation and set up a clean install of Highway following the documentation, I am sorry but we are not really here to develop your website for you @pratikchauhan14
If you don't want to give more context than just your piece of code and express your problem in a more complete sentence, I am not willing to provide additional help.
from highway.
@ThaoD5 thank you man,
Now it's working in my code.
thank you so much for give me your time.
from highway.
Related Issues (20)
- Javascript functions doesn't works on the second time HOT 1
- Locomotive scroll not updating after page transition HOT 3
- I can't get the HIGHWAY.redirect() to work HOT 1
- Updating CSS for incoming page – (Highway maintains the outgoing page's CSS) HOT 5
- data-transition attribute no longer works in 2.2.2 HOT 2
- Update /refresh/bind links dynamically created with javascript HOT 1
- New href with highway HOT 13
- Adding additional headers to page requests
- Add index.d.ts file for better IDE typehinting
- back/forward buttons pressed during transition break the website
- Facebook Pixel Tracking HOT 3
- Fatal error on transition to mismatching URL scheme, while remaining on the same domain
- Can't work with CDN
- Improper use of DOM events
- Highway not working with DOM elements rendered by javascript HOT 1
- H.redirect always refresh page HOT 1
- Help
- H is undefined HOT 1
- Navigation with parameters and anchor not working
- Javascript not working after page transition HOT 2
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 highway.