Question

我在屏幕右侧有一个隐藏的菜单，它通过单击按钮显示和隐藏。

function open_menu() {
document.getElementById('slide').innerHTML = "<a href='javascript:clo_menu()'></a>";
}

function clo_menu() {
document.getElementById('slide').innerHTML = "<a href='javascript:open_menu('></a>";
}

现在它消失了，我想要的是从右边（屏幕外）滑动。它可行吗？

JSFIDDLE - http://jsfiddle.net/th1uj5wr/

感谢。

Answer 1

一种可能的解决方案是将overflow-x: hidden;添加到您的体型。这样您就可以在不创建滚动条的情况下将菜单移出屏幕：

body {
   overflow-x: hidden;
}

我正在使用jQuery稍后移动菜单：

$("#clickme").toggle(function () {
    $(this).parent().animate({right:'0px'}, {queue: false, duration: 500});
}, function () {
    $(this).parent().animate({right:'-100px'}, {queue: false, duration: 500});
});

查看this JSFiddle以查看我的工作示例。

来自＆＃34; fade＆＃34;的滑块到＆＃34;向右滚动＆＃34;

1 个答案: