Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

jQuery.Marquee is not working in IFrame (IOS devices) #106

Open
BDChaudhari90 opened this issue Apr 25, 2017 · 3 comments
Open

jQuery.Marquee is not working in IFrame (IOS devices) #106

BDChaudhari90 opened this issue Apr 25, 2017 · 3 comments

Comments

@BDChaudhari90
Copy link

Hi,

I have integrated my tool in IFrame in which I have used this plugin.

It seems not working and page is in loading mode always. Can you please help me to get resolved this ?

In desktop browsers it is working as expected but for the devices (IOS) is is not working properly.

-Regards,
Bhavik
@aamirafridi
Copy link
Owner

Do you have demo?

@Jackyeoh
Copy link

Jackyeoh commented Jan 2, 2018 •
edited
Loading

I'm having the same issue as well

<!DOCTYPE html>
<title>List</title>

<!-- Styles -->
<style style="text/css">
.marquee {
  font-size: 150%;
  width: 100%;
  overflow: hidden;
}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script src="jQuery.Marquee-master/jquery.marquee.min.js" type="text/javascript"></script>

<body>
  <div class="marquee">...loading...</div>

  <script type="text/javascript">
  function initApp(){
    //reconstruct the entire table
    var resultString = "aodoiashdasdlasdjlaskjdlaskmclkaichasoicakclanlscjlakjclkxclknckalshdauhweandls";
    x=document.getElementsByClassName('marquee');  // Find the elements
    for(var i = 0; i < x.length; i++){
      x[i].innerHTML= resultString;    // Change the content
    }

    $('.marquee').marquee('destroy');
    $('.marquee').marquee({
      duration: resultString.length * 30,
      //time in milliseconds before the marquee will start animating
      delayBeforeStart: 0,
      //'left' or 'right'
      direction: 'left',
      //true or false - should the marquee be duplicated to show an effect of continues flow
      duplicated: true
    });
  }

  $(document).ready(initApp());

  </script>
</body>

This snippet works on pc/laptops but it glitches out when viewing with an iPhone.
The speed would go crazy and any tweak to the duration/speed attribute doesn't seems to affect it at all.

@aamirafridi
Copy link
Owner

aamirafridi commented Jan 2, 2018 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@aamirafridi @BDChaudhari90 @Jackyeoh