Jquery mobile vertical scroll is not working - javascript

I have a mobile site using jquery mobile here http://ilogo.in/m_/. it works good except sometimes vertical scroll stops working after adding a product into cart on product page http://ilogo.in/m_/shikamaru-shikamaru-t-shirt-105455-3105. I can not scroll the screen. this issue only occurs on mobile device. I tried to remove the ajax behaviour and refreshign the page after user clicks on buy button but it did not work. Any help is appreciated! Thanks in advance.

I have just tried it, it works well now. It is better if you let us know know when the issue is there !

Related

Search icon on mobile site unresponsive and no longer toggles open

The search icon on my mobile website suddenly stopped working recently. It's supposed to toggle open a search bar; however, now when I click it, nothing happens.
When I long press via Chrome on mobile it displays "about:blank#blocked" and on Firefox on hover it displays javascript:void(0).
Not sure what caused it to stop working and it's a bit frustrating.
If anyone has any insights or ideas on how to solve it, that would be super helpful.
My website is www.gentlemanwithin.com
I see your issue:-
Your issue is when you are trying to access custom search form that unable to access because you added an extra search button which is not belongs to that. So you try toggle function to show yellow colored area of your code. After it your issue will solve. Below I have attached your site screenshot image, that you can see it for the reference.

Element distorts when scrolling, and sometimes doesn't scroll

EDIT:
A colleague worked out what was wrong. It was because the aside element had z-index: 2. Although it is fixed now, I'm not sure why that z-index: 2 was causing these issues in the first place. If anybody knows why, I'd like to know.
I'm having a rather odd issue on a website i'm working on. When on the architecture section, I click on one of the blocks to open the project, and it works. Almost. When one of the projects is open, the aside on the left does not scroll correctly. It distorts and splits up. Here is a screenshot:
But the odd thing is, the interiors section, which uses the same code, works fine. I have just recently finished re-coding the news section with a new design and more features, so it could be something to do with that. But, so far, I have found no connection with other sections on the page.
There are other errors on that specific page too. The Close button and next button hover events don't seem to be firing. However, if I open Dev tools and set the width of the close button to 29px, the hover event works, and the cross goes orange.
You can access the site at http://dev.guyhollaway.co.uk/
If anybody has any ideas, I'd be very thankful.
This happens on Google Chrome on both Windows and OS X.
Thanks in advance.

angularjs ngRepeat Sometimes I can't scroll down

I have an angular site, everything's pretty async. Dom elements render after page load and things just pop in. Sometimes, around 10%, of times when I load the page after it finishes loading scrolling down is impossible. On Chrome OSX no scroll bar pops up when I use the mousewheel or the spacebar. It just appears stuck. Note that the page is not frozen, interacting with most elements work just fine, just the scrolling is broken. Only the up down keys work. Once I click on the up down keys it becomes fine to scroll with mousewheel and spacebar.
What causes this problem and how do I fix it? Thanks.
Please check other browsers!
I can only confirm this issue in Chrome...
see google help forum: Anyone having trouble with Google Chrome unable to scroll, focus, etc?

Drop-down menu flashes, temporarily opens on page load on mobile devices

I'm having an issue with a jQuery-driven accordion drop-down menu when viewed on a mobile device. The problem is when viewed in either portrait or landscape, the drop-down menu quickly flashes (temporarily opens revealing all the links) upon page load, almost flickering. Refresh the page, it does the same thing.
Also, when viewed in landscape mode, the tabs in the drop-down menu wiggle up and down briefly when you click on them.
I'm not sure if this is a jQuery/JS issue or maybe there is something I need to do with CSS? I've done some research and cannot find a solution to this problem.
Can someone please take a look at the example here: http://clients.iconcw.com and let me know how to fix this problem?
Thanks very much.

FlexSlider - Execute "next" action

I'm currently developing a responsive website using flexslider. The address of the test version is here:
http://residentsecurity.daniel-lucas.com/
When the site shrinks down to tablet / mobile version an icon appears showing the user that by sliding their finger on the slider they can go to the next/previous image.
I've tried turning this icon into a link so that if the user clicks on it, it will go to the next slide.
I thought that by inserting
Next
the script for flexslider would use the link to go to the next slide but it's not working.
Does anyone know how to turn make this link work with flexslider?
Thanks in advance
I never found an answer to this question but instead modified the css of the next button that already exists to adapt it to my needs on mobile phones.

Categories