Hemanta Posted August 16, 2020 Share Posted August 16, 2020 Hey Folks, I have run into a problem while creating a news ticker. The problem is as follows: > When the text "Bad News 8" moves into the box from the right hand side, there is a gap of few seconds before the unordered list gets appended. This issue does not appear in the attached codepen. But when you make the pen full screen (or when you test the same in localhost in your computer), you will see the gap. How can I fix this issue? Thanks. Hemanta See the Pen YzqqdOz by sundaray (@sundaray) on CodePen Link to comment Share on other sites More sharing options...
PointC Posted August 16, 2020 Share Posted August 16, 2020 Couldn't you just append two clones of the topic list? for (let i = 0; i < 2; i++) { var topics = document.querySelector(".topics").cloneNode(true); document.querySelector("#news").appendChild(topics); } Does that help? 4 Link to comment Share on other sites More sharing options...
Hemanta Posted August 17, 2020 Author Share Posted August 17, 2020 Thanks Craig. Appending two clones solved the issue. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now