Coder Social home page Coder Social logo

Comments (2)

astoilkov avatar astoilkov commented on September 2, 2024

It seems that the problem have two sides. The #hash and the scrolling. You could fix the #hash using on of the two approaches:

  1. Replace the <a> tag with other tag and swap the corresponding styles
  2. In the Sidebar.selectedCategory() method call preventDefault() on the event
selectCategory: function (e, category) {
    Sidebar.category(category);
    e.preventDefault();
}

However, after doing this the first time you click on a sidebar item it still goes to the top of the page. This is caused from the fact that the images are not loaded. After you select the same item for the second time it stops going to the top. What I can think of for solving this problem is iterating over all items and rendering the images in a hidden element. Another approach would be hardcoding the <img> height in CSS but this will cause losing the responsive design in the example.

from jsblocks.

astoilkov avatar astoilkov commented on September 2, 2024

I am closing this one. If you need additional information reopen the issue or open a new one.

from jsblocks.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.