小编Raz*_*ana的帖子

如果我有以下标记: -

    .outerDiv {
      width: 500px;
      overflow: scroll;  
    }
    
    .innerDiv {
      width: 1000px;
    }

    <div class="outerDiv">
      <div class="innerDiv">
      </div>
    </div>

我如何(很可能使用JavaScript)设置该滚动的x和y位置？

我试了很多椭圆形的形状,两边都切了但是不能这样做

我需要椭圆形的代码,两边都有切边..

这是我的代码如下: -

.demo{
    width: 100%;
    height: 600px;
    background: white;
    -moz-border-radius: 100px / 50px;
    -webkit-border-radius: 100px / 178px;
    border-radius: 694px / 208px;

    z-index: 100;
    position: relative;
    }

我有这个按钮：

 <div class="dsk-col-1-4 card new">
    <div class="div_center_div">
      <span class="icon icon_plus-black-symbol"></span>
      <h2>Create</h2>
    </div>
  </div>

但是我尝试用classname查找元素：-

driver.findElementByClassName("dsk-col-1-4 card new").click();

但这行不通。有什么帮助吗？

如何将iframe youtube放在图标关闭的框架上.示例: - 如果我想将iframe放在框架上,图标关闭,如果我点击图标关闭iframe youtube将消失,我该怎么办？

<iframe width="440" height="215" src="http://www.youtube.com/embed/OyRQio7GfLU" frameborder="0" allowfullscreen></iframe>

谢谢

我想要crate一个动画的Check-mark CSS(用SVG动画制作复选标记的动画),我尝试了下面的代码,但它不起作用.我该怎么办？

演示: https ://jsfiddle.net/b7Ln0jns/

CSS:

@import "bourbon";

$color--green: #7ac142;
$curve: cubic-bezier(0.650, 0.000, 0.450, 1.000);

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: $color--green;
  fill: none;
  animation: stroke .6s $curve forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px $color--green;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48; …

我在使用 jquery 折叠列表时遇到问题：-

html文件

<ul>
  <li class="dir">subject1
      <ul>
          <li class="dir">lab1
              <ul>
                  <li>lab1.pdf</li>
              </ul>
          </li>
          <li class="dir">lab2
              <ul>
                  <li>lab2.pdf</li>
              </ul>
          </li>
          <li class="dir">lab3
              <ul>
                  <li>lab3.pdf</li>
              </ul>
          </li>
      </ul>
  </li>
  <li class="dir">subject2
      <ul>
          <li class="dir">lab1
              <ul>
                  <li>lab1.pdf</li>
              </ul>
          </li>
          <li class="dir">lab2
              <ul>
                  <li>lab2.pdf</li>
              </ul>
          </li>
          <li class="dir">lab3
              <ul>
                  <li>lab3.pdf</li>
              </ul>
          </li>
      </ul>
  </li>
  <li class="dir">subject3
      <ul>
          <li class="dir">lab1
              <ul>
                  <li>lab1.pdf</li>
              </ul>
          </li>
          <li class="dir">lab2
              <ul>
                  <li>lab2.pdf</li>
              </ul>
          </li>
          <li class="dir">lab3
              <ul>
                  <li>lab3.pdf</li>
              </ul>
          </li>
      </ul>
  </li>
</ul>

脚本

$('.dir').click(function() {
    $(this).children().slideToggle();
}); …

我是html代码的新手,所以我对html编码没有太多的了解.当我使用内联样式时,它似乎工作正常,但head元素内的css代码不会显示在网页中.代码对我来说似乎很好.我已尝试在Chrome和Firefox中运行此代码,但问题仍然存在于两者中.请检查我的代码并给我任何建议或解决方案.谢谢.

fieldset: {
    			background: lightyellow;
    			border: 10px solid yellow;
    			margin-bottom: 10px;
    			width: 720px;
    		}
    		label: {
    			width: 180px;
    		}

<h1>Please Enter Your Details For Our Dating Website!</h1>
    	<form action="https://ihome.ust.hk/~rossiter/cgi-bin/show_everything.php" method="post">
    		<fieldset>
    			<legend>Your Face</legend>
    			<label for="image">Your image:</label>
    			<input type="file" name="image" required>
    			<br>
    			Image preview:
    			<img src="" id="preview">
    		</fieldset>
    		<fieldset>
    			<legend>Your General Details</legend>
    			<label for="name">Name:</label>
    			<input type="text" name="name" required>
    			<br>
    			<label for="gender">Gender:</label>
    			<input type="radio" name="gender" required>
    			Male
    			<input type="radio" name="gender" required>
    			Female
    			<br>
    			<label for="age">Age:</label>
    			<input type="number" name="age" required>
    			<br>
    			<label for="dob">Date …

我在jquery中编写了一些代码:点击一个框后,我得到了一些动画.我用代码笔运行代码,我没有任何问题.但是当我在本地服务器上尝试相同的代码时,我发现我的jquery无法运行.这是文件.

/* JSTransition.js */
$('.trigger').on('click', function(){
    $(this).toggleClass('clicked');
});

body {
  padding: 50px;
}

.trigger {
  width: 200px;
  height: 200px;
  border: 20px solid #999;
  background: #ddd;
}

.box {
  display: inline-block;
  background: pink;
  width: 200px;
  height: 200px;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0, 0.47, 0.32, 1.97);
  transition: -webkit-transform 300ms cubic-bezier(0, 0.47, 0.32, 1.97);
  transition: transform 300ms cubic-bezier(0, 0.47, 0.32, 1.97);
  transition: transform 300ms cubic-bezier(0, 0.47, 0.32, 1.97), -webkit-transform 300ms cubic-bezier(0, 0.47, 0.32, 1.97);
  pointer-events: none;
}

.trigger.clicked .box {
  -webkit-transform: translate(200px, 150px) rotate(20deg); …