javascript - 如何在响应式中更改 div 位置

标签 javascript jquery html css

这是 my website我正在努力。

如您所见,桌面模式下有一个侧边栏。但是当你在移动模式下看到它时,侧边栏会下降到左侧显示的内容下方。

现在我在移动 View 中想要的是让侧边栏出现在顶部,然后内容应该出现。我已经尝试了很多东西,例如 position:absolute;margin 但它对我不起作用。

请建议执行此任务的正确方法。

jsFiddle of my code

这对我有用

<script type="text/javascript">

var windowWidth = $(window).width();
//window.alert(windowWidth);
if(windowWidth<=767){
    $('.wf-span-4').insertBefore('.wf-span-8');
    }
    </script>

最佳答案

您可能应该提供代码的简化版本,但是,这就是我所拥有的。

您有两个选择之一:

  1. 改变网站的结构,使顺序颠倒 第一名。
  2. 使用jquery将内容移动到某某下方 宽度例如:$('#sidebar').insertBefore('#content')

关于javascript - 如何在响应式中更改 div 位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30335095/

相关文章:

JSONP 的 jQuery.ajax() 返回 200,但解析错误运行错误回调而不是成功回调

jquery - 使用 $.getScript 加载的脚本中未定义 CoffeeScript 类

javascript - 重置 div 的内容

html - Bootstrap 导航链接与图像

html - 容器div高度不会根据内容增加大小

javascript - 使我的 Instagram Feed 图片大小相同,看起来不会变形

javascript - gulp.js 插件应该在 package.json 里面吗?

Jquery 显示/隐藏图片点击

javascript - angularjs:动态更改样式失败

javascript - 使用 Reactjs 获取滚动位置