Refresh iOS / iPad website only upon scrolling, not when utilizing anchor links

Currently, I am in the process of troubleshooting this website:

This site is hosted on a LAMP server and is utilizing CMSMS 2.1x, if that detail makes any difference. (By the way, the smarty components are causing some performance issues.)

While the desktop version seems to be functioning properly, the iPad version experiences reloading when scrolling by swiping. Furthermore, upon partial swiping and holding, it appears that certain content is not fully rendered.

I attempted to apply the translate3D technique and switch from position: fixed to absolute, but unfortunately, this did not resolve the issue and instead disrupted the layout.

If anyone has suggestions on where I should focus my efforts to address these problems, please share them! Thank you!

jqueryhtmlioscssipad

Answer №1

If you're experiencing the website reloading when you resize the screen, consider removing

this.location.reload(true);

from line 120 in the script found at 

http://soulsoundformations.nl/js/mo-en-mo-functions-v1-2.js

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

How can I pass an array from the client to the server using a web method in ASP.NET?

I am working with ASP.NET and have successfully gathered a list of selected items from checkboxes into an array on the client side. My next step is to send this array from the client to the server's ASMX web method. What is the best approach to achiev ...

jqueryasp.netweb-servicesasmx

Differences Between Vuetify Breakpoints and CSS Helper Classes

As I browse through the Vuetify documentation and various code snippets on the web, I often come across examples that mention using either a Vuetify breakpoint or a CSS helper class to make an element responsive to screen size changes. Is there a preferre ...

javascripthtmlcssvue.jsvuetify.js

issue with selecting tabs in jquery

I need help with a problem that is connected to my previous article on CSS, button selection, and HTML tags. You can find the article here. I am not very proficient in JavaScript, so I would appreciate any insights or guidance on how to tackle this issue. ...

javascriptasp.nethtml

Rearranging div placement based on the width of the screen

I am currently working on building a responsive website and I need two divs to switch positions depending on the screen width, both on initial load and when resizing. Despite my efforts in researching and trying various options, I have not been successful ...

javascriptjqueryhtmlswap

Running a Chrome content script once an AJAX request has been triggered by the <body> element

I am facing a challenge with running the content script before the DOM is fully loaded. To give context, there is an AJAX request within a tag which gets triggered on $(document).ready(). Once this request is completed, my extension code kicks in. To tra ...

javascriptjqueryajaxhtmlgoogle-chrome-extension

Typekit compatibility with Internet Explorer 11

After dedicating months to a project, everything seemed to be running smoothly until one client consistently pointed out font discrepancies in the screenshots. I attributed this to a possible browser issue but soon discovered that the entire network had sp ...

cssinternet-explorertypekit

Automatically filling out a Pug form using an Express/Node.js web application

My Node.js web app is created with Express and I am attempting to populate a Jade template after querying MongoDB. The goal is to fill the Jade template with the queried values. One thing that puzzles me is that even when I remove everything within the co ...

htmlnode.jsmongodbexpresspug

Sending Email Form Producing Blank Page

My website's homepage is currently on a testing server. When I submit the form, the page appears blank, but it is still successfully sending the email. Another issue I am facing is that the checkbox values are not being displayed in the email. It see ...

phphtmlforms

Hovering Div Troubles

I've been working on creating a hover effect for the blocks on my website. Everything was going smoothly until I reached the last block. The hover effect appears to be displaced, as shown in this sample link. Although the CSS code I'm using seem ...

htmlcss

There appears to be an empty void on the website

If you could kindly click on this link & use CTRL + F to search for the text "Info", you will see a visual representation similar to the image below. There seems to be quite a bit of empty space below these texts. I experimented with padding, display: ...

htmlcss

Having difficulty adjusting the width of a jQuery multi-select dropdown menu

Utilizing a jquery multi select for a dropdown to enable users to select multiple items at once. Html Code: <div class="jobdiv"> <img src="~/Images/traj.png" width="22" height="24" /> @Html.DropDownListFor(model => Model.TrajName, ...

jqueryjquery-ui-multiselect

What are the steps for displaying CKeditor's formatted text from a content management system on a Next.js website?

Presently, my method entails utilizing : <div dangerouslySetInnerHTML={{ __html: article.content }}></div> to display the formatted text retrieved from a CKEditor input field within a Strapi CMS backend. Is there an alternative approach to ach ...

htmlnext.jsckeditorcontent-management-systemdangerouslysetinnerhtml

Evaluate One Input Value to Determine Another Input Value

Hey there, I've made an update to the fiddle but let me clarify what I'm trying to achieve. My goal is not to implement form validation as I already have that covered with the HTML5 "required" attribute. What I'm aiming for is to customize t ...

javascriptjquerycssforms

Is there a way to manually change the field color upon approval in AngularJS?

Within my application that utilizes the MEAN stack, I am using AngularJS as the front-end technology. How can I manually change the color representation of a tolerance value to 159.06 in a table? Check out my Plunker for more details. Please refer to m ...

htmlcssangularjsmeanjs

Eliminating padding or margin for figures in Bootstrap on smaller screens

I've been struggling to create a fullscreen image on small devices without any margin or padding. Unfortunately, the solutions suggested in this thread didn't work for me. Below is the code I'm currently using (tested on https://jsfiddle.n ...

htmlcssbootstrap-4

Exploring the Zoopla API to extract data from JSON using Swift programming language

My attempt to retrieve JSON values from the Zoopla API seems to be different from other APIs. I suspect there is an error in my code that I am unable to identify. Could someone please review my code and point out any missing elements? Regards, import UIK ...

iosjsonapiswiftgetjson

Attempting to access jQuery from an external JavaScript file within the Ionic 5 framework

Currently, I am working on an Ionic app with Angular. I want to call my JavaScript function when the document is ready in the JS file, but I keep encountering an error. Here is my watch.page.html: <ion-content> <div class="videoContainer&qu ...

jqueryangularionic-framework

What is the best method for choosing the parent elements?

I am attempting to create a sidebar that saves the last clicked link in local storage and still displays the collapsed links after the page is reloaded. $(".clickedLink").parent().parent().css('background-color', 'green'); Ca ...

javascripthtmljqueryparent

Having issues with closing a div tag using $.after() function

This issue can be better understood with an example: http://jsbin.com/lavonexuse The challenge here is to insert a full-width row after a specific column (identified by the class .insertion-point) when "Insert Row" is clicked. The problem I'm facing ...

javascriptjquerytwitter-bootstrap

What methods can I employ to utilize CSS on a table row that contains a specific class in an HTML

Is there a way to make the CSS affect <tr class="header"> with the class of header? CSS table.table-bordered tr:hover{ background-color: #C0C0A9; } table.table-bordered tr { background-color: #C0C0D9; } Any suggestions on what I ...

htmlcss