Tabby JS Plugin with SVG

$10-30 AUD

Dokončeno

Zveřejněno

před více než 5 roky

$10-30 AUD

Zaplaceno při doručení

I am trying to use the Tabby JS Plugin with an inline SVG element. Clicking anchor tags outside of SVG works perfectly. [login to view URL] When I use Tabby JS with an inline SVG: - The page position will jump - No active class on SVG shape I have created a demo using the original plugin HTML where you can see this issue: [login to view URL] I am looking for someone to help explain why this does not work, and provide a solution/alternative plugin that has this functionality.

IČ projektu: 17878317

O projektu

2 nabídky

Vzdálený projekt

Aktivní před 6 roky

Chcete si vydělat nějaké peníze?

E-mailová adresa

Výhody podávání nabídek na Freelancer

Stanovte si rozpočet a časový rámec

Získejte za svou práci zaplaceno

Načrtněte svůj návrh

Registrace a podávání nabídek je zdarma

Uděleno:

@johncodifies

Hi, I looked at your code on codepen. The jumping is caused by the SVG treating the hash tags purely as an anchor tag. For example, if you make that bottom div 2000px high (so there's plenty of room to scroll), you'll see that clicking on one of those shapes will bring you right to the anchor. The active class not being added is probably to to with how classes are added in SVG's. It's different than 'normal' elements in an HTML doc. This is what I would consider a tinkering job :-) I can get it to work, though I'm not sure exactly how I would do it. My first shot would be to try creating intermediary javascript functions that acted between the SVG and the tabby script. In any case, that's why I've bid outside of your range, I think it's going to take some time experimenting to get this working. Thanks and hope to hear from you, John

$66 AUD v 2 dnech