草庐IT

CSS定位div

全部标签

javascript - 在 iOS 中同步两个 div 滚动不流畅

-->请转到编辑此问题的部分我想同步两个div的滚动条,我就是这样做的vardiv1=document.getElementById('element1'),div2=document.getElementById('element2');div1.addEventListener('touchmove',scrolled,false);div2.addEventListener('touchmove',scrolled,false);functiongetscrollTop(node){returnnode.pageYOffset||node.scrollTop;}functions

javascript - 当我在 css 中使用 margin auto 属性时,如何使用 javascript 获取 margin left size

我有div与margin:auto;我只需要得到margin-left使用javascript的大小值:)//css.test{margin:auto;width:100px;height:100px;outline:1pxsolidred;}//htmlTestLiveexample 最佳答案 使用这个:1)使用jQueryvarleft=$(".test").offset().left;2)或者,第二个版本是:将您的div替换为,并使用这个js。varleft=document.getElementById("test").of

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - 如何将 Javascript 变量值放入 CSS?

如何让time变量的内容显示为content我的CSS中的属性?JavaScript:functionclock(){vard=newDate();varhour=d.getHours();varmin=d.getMinutes();vartime=hour+":"+min;}CSS:.screen{position:absolute;height:75%;width:75%;background:#98E8EE;top:11.5%;left:12.5%;}.screen::after{color:#F9F5F4;font-size:40px;content:;font-family:

javascript - 根据 JSON 数据将元素 append 到 div

我有一个包含“类(class)类别”和“标题”的本地JSON文件。每个类别有多个标题,每个标题对应一个类别。我创建了threeseparatedivs:“TopCourses”、“New-AddedCourses”,最后是“TopCourses”,div按类别填充。单击类别会打开一个模式,该模式会再次显示类别名称和正确的类别描述。它应该显示与该类别关联的所有标题,例如单击“动物”类别应显示“Chinchilla”、“Axolotl”、“Flea”等。我想做的是点击类别仅显示与该类别关联的标题。我在模态中看到标题---但是I'monlyseeingoneTitle来自每个类别。根据标题的

javascript - drupal 主题 : how do I include several css files/js files on my theme's . 信息文件?

我正在创建一个新的Drupal主题。到目前为止,我只需要包含一个css文件和一个js文件。所以我的theme.info文件有这样的东西:stylesheets[all][]=css/style.cssscripts[]=js/script.js现在我必须包含jquery和jquery-ui才能使用日历日期。它们带有2个新的javascript文件和1个我必须添加到站点的附加css文件。日历输入表单将用于所有页面(在侧block上),因此我可以在所有页面上加载额外的css/javascript。我认为最简单的方法是在.info文件本身上引用它们。起初我试着把它们放在单独的空格里:styl

javascript - 移除 Parent Div,但不移除父级中的内容。

嘿,我不确定这是否可能,但无论如何。比如说:RemoveParent$(function(){$('#bar').click(function(){$(this).parent().remove();});});是否可以删除父容器,在此示例中为#foo但保留子anchor标记#bar? 最佳答案 在这种情况下,您会寻找.unwrap()例子...$(function(){$('#bar').click(function(){$(this).unwrap();});}); 关于javasc

javascript - 如何在不影响其他元素的情况下扩展一个DIV

我想知道如何在不影响页面中其他元素布局的情况下展开“div”。具体来说,我想实现与此类似的效果-http://www.ikea.com/us/en/catalog/categories/departments/kitchen/kitchen_int_lighting/.如果将鼠标悬停在任何产品上,您会看到该框展开并显示更多信息;但是,其他元素(例如下面的产品图片)不受扩展的影响。 最佳答案 使用绝对位置。相反,您也可以通过在div上的悬停事件上编写,在具有更高z-index的那个位置添加一个额外的div来实现相同的效果。

javascript - 用另一个内容替换 div 的内容

我一直在构建一个链接列表,所有这些都应该在单击时将div的内容更改为另一个特定内容(大约4行内容:名称、网站、联系方式等)。我找到了这段代码:functionReplaceContentInContainer(id,content){varcontainer=document.getElementById(id);container.innerHTML=content;}并以这样的方式使用它:superlink')">Pomorskie它并没有像我预期的那样工作。它将超链接文本从“Pomorskie”更改为“superlink”。纯文本工作正常,但我需要链接。这是http://xn--

javascript - ReactJS 中什么是更快的原始 CSS 或内联样式?

如果您将所有CSS都作为内联样式,ReactJS虚拟DOM是否会使您的应用程序更快?VS使用原始.css文件?http://facebook.github.io/react/tips/inline-styles.html另请参阅关于JavaScript中CSS的ReactJS演示文稿:https://speakerdeck.com/vjeux/react-css-in-js 最佳答案 浏览器已投入多年努力,使其CSS样式表解析+渲染引擎速度极快且内存效率高。内联样式并没有完全相同的处理方式。然而好的一面是,如果您正在创建正常大小的应