Slow scrolling issue on Chrome

There seems to be a issue with the scrolling behavior of a div with overflow set to auto on Chrome. The scrolling is lagging and slow, while it works perfectly fine in Firefox and Safari. I've tried troubleshooting by stopping scripts but haven't had any luck so far. Can anyone offer assistance with this problem?

To see this issue in action, you can visit and navigate to PORTFOLIO followed by GALLERY 1#.

Answer №1

I have encountered similar issues before. I think the issue lies in your heavy reliance on AJAX for loading images. To improve speed, consider reducing the usage of AJAX and load the images directly within the HTML instead.

Additionally, implementing a thumbnail generator, as suggested by Stano, could significantly improve performance.

Best of luck,

-Brian

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

HTML - lunar phases - update link based on user interaction

Reason: I am aiming to include tide times on my website as a minor feature rather than the main focus. Objective: As part of this tide times feature, I want to offer users a dropdown menu to choose a location and have the default tide times update based o ...

Using jQuery to eliminate the 'disabled' attribute from CSS

After using the .val() method to enter data into a text box, I noticed that when trying to click "add", the button appears disabled. <input class="btn-primary action-submit" type="submit" value="Add" disabled=""> If I manually type in text, the dis ...

How to access HTML content in Python web scraping with a delay?

Currently, I am using Python to scrape the HTML from this site: Upon accessing the webpage, you'll notice that the content changes within a few seconds. This page displays the latest posts on a forum, and my goal is to create a Discord bot that can s ...

Transfer information to a database upon clicking a link, all without the need to refresh the page

Is it possible to send data to a database without needing to refresh the page when clicking on a link? I am currently using PHP and MySQL for my project. ...

Creating a Striking Multi-Layered CSS Header

Can someone help me figure out how to add horizontal lines behind the words in this header? Here is what I have so far: https://i.sstatic.net/dN7s4.jpg. However, I want to achieve something similar to this design: https://i.sstatic.net/FZoSF.jpg. You can v ...

Load data into a table in HTML after a successful jQuery event

I'm facing an issue with populating an HTML table dynamically. Below is the structure of my HTML table: <table class="flexme" id="table" border="1"> <thead> <tr> <th width="100">Usuario</th> <th wid ...

Creating a modal using JavaScript and CSS

When I click on the hello (plane geometry) as shown in the figure, a popup appears on the extreme left of the screen instead of appearing on the plane geometry box. Can someone please help me fix this issue? I have also included the code below: https://i. ...

Retrieving information from an external site

If I wanted to get the latest bitcoin exchange rate in EUR from the German exchange bitcoin.de every time I visit my site without caching, I managed to do it using PHP: // fetch contents from bitcoin.de $url = 'https://www.bitcoin.de/de/'; $cont ...

Finding out which element is currently in focus in Internet Explorer 11 requires a few simple steps

Is there a way to determine which element is going to receive focus when the focusout event is triggered in Chrome and IE 6-10, or when the blur event is triggered in Firefox? $(input).focusout(function (event) { "use strict"; cons ...

Modifying the color of text within an element using CSS and the ::after pseudo

Is there a way to change the text color when a user hovers over it without interfering with the background effect? I currently have a hover effect set to show a background section when hovering over the text, but when I try to change the text color separat ...

What is the best way to utilize the .done() callback in order to execute a function when new data is loaded upon request?

I have a web page that pulls data from a JSON feed, and there's also a button to load more content from the feed when clicked. I want to add additional elements inside the page for each item in the feed. I've managed to create a function that doe ...

Here is a way to halt a PHP script if the internet connection is not functioning properly, specifically for handling AJAX responses

My method involves making an AJAX call to the server and checking the XmlHttp object properties for a response. If the XmlHttp.readyState is 4 and xmlHttp.status is 200, then the AJAX request was successful. if(xmlHttp.readyState==4){ if(xmlHttp.statu ...

What is the best way to transfer data to the database without refreshing the page?

I've been attempting to send data to a database using AJAX/PHP, but I'm encountering errors. Despite reviewing codes from various sources, none seem to be functional and I keep receiving the error message: TypeError: 'stepUp' called on ...

How can I populate the href tag with a JSON object in a dynamic listview using JQM?

Seeking assistance respectfully and appreciatively. Please: A straightforward explanation/solution for a simple mind.-TIA I've spent several days researching, reading, and learning. Now, I'm reaching out to those with greater knowledge. Utili ...

Retrieving the current location synchronously via navigator.geolocation.getCurrentPosition();

I am having an issue with a function that is supposed to return the latitude and longitude as a string when called. Despite providing the correct values for latitude and longitude when alerting, it returns undefined. I would greatly appreciate any assist ...

Choose a div using jQuery and activate a hidden div

Seeking assistance in creating an interactive infobox that appears when hovering over a related image. Currently, the infobox pops out and flashes, but there is a problem where it shifts away from the image during the hover. I attempted to only display th ...

Utilizing CSS classes based on subelements

I need to assign css classes to items in a list based on certain criteria. Here is an example of the structure I am working with: <ul ng-controller="Navigation"> <li><a href="#">Category A</a> <ul> < ...

Contrast two distinct Django models side by side

I've been grappling with a particular issue while working in Django templates for some time now. {% for item in list %} {% if item == {{another variable}} %} //Do Something {% endif %} {% endfor %} The list being iterated over and the second ...

Convert the entirety of this function into jQuery

Can someone please help me convert this code to jQuery? I have a section of jQuery code, but I'm struggling with writing the rest! function showUser(str) { if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { ...

Automatically populate input fields with text based on the option chosen from a dropdown menu

Having some issues here... I want to automatically populate the text input boxes in my form when a username is selected from the dropdown. The user data array is retrieved from a MySQL database. Not sure if my JavaScript code is correct. Here's my arr ...