The cloud of links turns out non-clickable

7 years ago
If html-property "position" of the cloud is "fixed" and the page rolls down for several strings then the cloud turns out non-clickable. How to solve this problem? Sorry for my poor English)
7 years ago
Hi! I recommend you to try to make the parent container "fixed", but not the word cloud itself.
7 years ago
I've tried so, but it doesn't work anyway. At first, when several strings scroll down the cursor is shifted, and further it stops to work. Please try this simple code with the Tagul cloud:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="//cdn.tagul.com/tagul.min.js" async defer></script>
</head>
<body>
<div style="position:fixed;">
<div style="width: 400px; height: 400px;" data-tagul-src="//cdn.tagul.com/json/4qi5eaw3tj4u" data-tagul-show-attribution></div>
</div>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
oooooooooooooooooooooooooooooooooooooo<br><br><br><br>
</body>
</html>
7 years ago
The problem is that your word cloud is placed inside "position:fixed" element. Please change it to position:relative or position:absolute.
7 years ago
But what if just "fixed" cloud needed? Always visible cloud on the long web-page.
7 years ago
Fixed positioning is not currently supported.
7 years ago
Thank you, Alex, for your "great" support.
I've ordered and bought the decision of this problem on the freelancers' site.
Here it is, anyone can use it:
1) Find this piece of text in the script:
(b.pageY-e)
2) Paste
-window.pageYOffset
between "e" and " )";
Now your "position:fixed" cloud works excellent!
Edited 30 Mar, 2017 20:37
6 years ago
Hi, today we released a new version of the script. Could you please try it with your fixed layout and advise whether it works or not? If it doesn't could you please advise the web page where the word art is embedded?

Reply

Sign up or Login to post a reply.