小编fre*_*red的帖子

我试图让使用自举一个两列响应式布局,在左栏我想下一个菜单,在右侧的图片库.我希望菜单在滚动右边的图像时保持固定.

困难在于我希望固定菜单具有引导布局的流畅性.所以,当滚动时,我不希望它向上和向下移动我不希望它调整画面时祭出.

这个网站就是我的意思的一个例子:http: //www.galeriebertrand.com/artists

我似乎无法弄清楚它是如何在此网站上完成的,它似乎并不像左边的列有固定的定位.

嗨我已经为outlook创建了一个电子邮件签名,到目前为止似乎工作正常,除了一件事.Outlook似乎采用我的html并输出它与我实际创建的不同.它添加了各种p类和span类,并更改了内联css.

这就是我的代码:

<table cellpadding="0" cellspacing="0">
    <tr>
        <th rowspan="7" style="padding-right:10px;">
            <img alt="birdLogo" src="http://actforperformance.com/wp-content/uploads/2013/12/esigLogo.png"/>
        </th>
        <th rowspan="7" style="padding-right:2px; ; background-color:#FFEA66;">
        </th>
            <td style="padding-left:10px; padding-bottom: 3px; color: #747b82; font-size: 13px; font-weight: bold; font-family: sans-serif; text-transform:uppercase;">
               Franke Hendrik Toornstra
            </td>
    </tr>
    <tr>
      <td style="padding-left:10px; color: #747b82; font-size: 12px; font-weight: bold; font-family: sans-serif;">Président</td>
    </tr>
    <tr>
      <td style="padding-left:10px; padding-bottom: 3px; color: #747b82; font-size: 12px; font-weight: bold; font-family: sans-serif;">Expert en Management public</td>
    </tr>
    <tr>
      <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">skype: franketoornstra</td>
    </tr>
    <tr> …

我有一些 js 代码，我只想在窗口处于“大”屏幕尺寸（假设为 900px）时运行。我想像 CSS 中的媒体查询一样使用它，这样代码就可以在特定的断点处打开和关闭。所以我假设我需要某种带有调整大小功能的条件，如下所示：

$(window).resize(function () {
    var viewportWidth = $(window).width();
    if (viewportWidth < 900) {

    }
});

然后将我想要执行的代码放在大括号之间，但它不起作用。

这是当屏幕大小调整为 900px 时我想要执行的代码：

   function makeRowDiv(buildRow) {
      var row = document.createElement('div');
      row.className = 'row expanded row-spacing';
      for (var i = 0; i < buildRow.length; ++i) { 
        row.appendChild(buildRow[i]);
      } 
      return row;
    }

    window.onload = function () {
      var work = document.getElementById('work'),
          items = work.getElementsByTagName('div'),
          newWork = document.createElement('div');
      var buildRow = [],
          count = 0;
      for (var i = 0; i < …

我正在创建一个左侧有固定菜单的网站，使用 jQuery 单击时可以看到该菜单。我的问题是，当我向下滚动到页面底部并且想要查看菜单时，页面会跳回到顶部。我希望在单击菜单时页面保持在当前位置。我怎样才能做到这一点？

这是使菜单进出动画的 jQuery：

$(document).ready(function(){
     $("#closeIcon").hide()
  });

$(document).ready(function(){
  $("#menuIcon").click(function(){
    $(".left").animate({width:'10%'}, "500");
    $(".right").animate({width:'90%'}, "500");
    $("#nav").animate({
                left: '30%',
              }, "500" );
    $("#menuIcon").fadeOut(500)
    $("#closeIcon").fadeIn(500)


  });
});

$(document).ready(function(){
  $("#closeIcon").click(function(){
    $(".left").animate({width:'0%'}, "500");
    $(".right").animate({width:'100%'}, "500");
    $("#nav").animate({
                left: '0',
            }, "500" );
    $("#menuIcon").fadeIn(500)
    $("#closeIcon").fadeOut(500)

  });
});

菜单本身位于页面外，单击时它会滑入并调整主页面的大小。