Comments (9)
Could you provide a codepen to demonstrate the issue perhaps?
from tabtab.js.
In a codepen everything works fine.
http://codepen.io/anon/pen/OyzGwP
I will check also my other jquery code.
When i found the problem i will post a comment.
////
When i comment some other jquery out i works.
But also the position of the tabs make some change.
For example when i put i above the slider it works.
So i use my Quick & Dirty fix for now.
var height = $( ".tab__content-item.active" ).outerHeight();
$( ".js-tabs-height" ).height(height);
from tabtab.js.
I can confirm this bug as well.. Not sure how to fix it.. The active tab has a larger height than the .js-tabs-height ... can you please fix
from tabtab.js.
Provide me with a codepen that replicates the bug so I can debug. Thanks!
from tabtab.js.
I have the same problem.
After web page loads, tabs have larger height than .js-tabs-height
After changing tabs and going back to first one, it seems fixed, but after site refresh it's bad again.
This bug is NOT possible to replicate on CodePen as @Messa1 stated above, it's possible to get that bug only on production/development site.
If you would be willing to debug live site, I can make you an admin account on my Wordpress website.
Btw. have a look at: http://kari.sim3k86.linuxpl.eu/oferta/
You should understand what the bug is.
Waiting for answer,
Cheers.
from tabtab.js.
@Sim3k86 Try initiating tabtab on window.load.
from tabtab.js.
@gijsroge sorry for late answer.
I was initiating tabtab on load event from the beggining.
Below script (except last 2 lines - yesterday's "Messa1 Quick & Dirty fix" which works) was placed before </body>
jQuery(window).load(function() {
jQuery(".produkty").tabtab({
startSlide: 1,
animateHeight: true,
fixedHeight: false,
scale: 1,
rotateX: 0,
speed: 500,
transformOrigin: "center right",
rotateY: -90,
easing: "easeInOutCubic",
translateX: 0,
tabMenu: ".menu-produkty",
tabContent: ".zawartosc-produkty"
})
var height = jQuery( ".zawartosc-produkt.active" ).outerHeight();
jQuery( ".js-tabs-height" ).height(height);
});
Like I wrote in my last message.. I can give you temporary access to website, on which you can debug that error.
from tabtab.js.
Have you solved this problem?
from tabtab.js.
I've left it with above modified script, you can check how it works on http://kari.sim3k86.linuxpl.eu/oferta/
from tabtab.js.
Related Issues (10)
- Auto Rotating tabs HOT 5
- example markup
- Lack of Example
- no CSS file included, yet talked about on website
- Dropdown's and buttons still clickable when on a different tab
- Uncaught ReferenceError: jQuery is not defined
- Add hash settings
- Tab height not dynamically updating HOT 1
- domain is unregistered HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tabtab.js.