javascript - How to avoid using overflow -
i creating navigation/menu bar , want move horizontally cursor moves on it. working not want set overflow property hidden because have drop down tabs should appear when cursor on menu option. if use overflow cut off @ point drop down cut off. inside scroll contains menu options. var sum = 0; $("#scroll li").each(function () { sum += $(this).width() + parseint($(this).css('paddingleft')) + parseint($(this).css('paddingright')) }); $("#scroll").css('width', sum); $("#holder").mousemove(function (e) { x = -(((e.pagex - $('#scroll').position().left) / $("#holder").width()) * ($("#scroll").width() + parseint($("#scroll").css('paddingleft')) + parseint($("#scroll").css('paddingright')) - $("#holder").width())); $("#scroll").css({ 'marginleft': x + 'px' }); }); #scroll{ height: 30px; line-height: 30...