Tabby JS Plugin with SVG

$10-30 AUD

已完成

已发布

超过 5 年前

$10-30 AUD

货到付款

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.

项目 ID: 17878317

关于此项目

2提案

远程项目

活跃6 年前

想赚点钱吗？

电子邮箱地址

在Freelancer上竞价的好处

设定您的预算和时间范围

为您的工作获得报酬

简要概述您的提案

免费注册和竞标工作

颁发给：

@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 在2天之内