1回答
获取css转换值
、、
我有这个CSS
#main .timer img.hand {
position: absolute;
left: 0;
bottom: 0;
transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);
transition: transform 1.25s ease-out 0s; -webkit-transitio
浏览 1提问于2013-01-17得票数 3
我正在尝试使用jQuery让一个div在点击时旋转和增长。下面是我的js：
var degrees = Math.random() * 20;
var flag = 0;
$(".rotate").click(function() {
if (flag == 0) {
flag = 1;
$(this).css({
'-webkit-transform': 'rotate('+degrees+'deg)',
'-moz-transf
浏览 2提问于2014-09-21得票数 0
在我的项目中，我试图为我的汽车制造工作钥匙，但是当我试图引用另一个脚本时，我会发现一个错误：
NullReferenceException:对象引用未设置为对象DrivingScript.Update ()的实例(在资产/Car/试图使自定义汽车/DrivingScript.js:21)
我试过查一下，但如果你能帮忙的话，我找不到问题。
var Car : Transform;
var player : Transform;
var exitPoint : Transform;
var tentplayer : Transform;
var campfire : Tran
浏览 2提问于2015-02-28得票数 0
1回答
我从Envato购买了模板'Penelope‘，我想用一个particles.js背景来改变背景。这是为我提供此模板的原始CSS。我想知道如何将其更改为放入particles.js背景。
我有插件在我的转帖，我只想知道如何把它。我是个新手。
非常感谢。
CSS：
background: transparent url("../img/mainbg.jpg") no-repeat;
image-rendering: optimizeQuality;
height: 100%;
width: 100%;
z-index: -1;
position
浏览 0提问于2018-12-10得票数 0
我一直在苦苦挣扎，我想不出该怎么做。关于这个主题似乎有很多问题，我尝试了每一个问题，但在运行jest时似乎仍然有问题。导入似乎根本不起作用。所以请任何人能帮助我解决这个问题。
错误
C:\Users\admin\Documents\my-app\_tests_\main.spec.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import React from 'react';
浏览 0提问于2017-09-06得票数 5
我在Sails中有一个使用Data连接系统的sails-cassandra模型。数据。Data.count({...}).exec()返回1，但Data.find({...}).exec()或Data.findOne({...}).exec()返回以下错误消息：
Error (E_UNKNOWN) :: Encountered an unexpected error
ResponseError: Undefined name folder in selection clause
at FrameReader.readError (/Users/samuel/Apps/dataapp/nod
浏览 3提问于2015-10-12得票数 2
回答已采纳
我试图使用jQuery更改元素的“转换”css属性：
myBlock.css('-webkit-transform', 'rotate(' + angle + 'deg)');
myBlock.css('-moz-transform', 'rotate(' + angle + 'deg)');
myBlock.css('-ms-transform', 'rotate(' + angle + 'deg)');
myBlock.css('-o-tr
浏览 2提问于2017-08-30得票数 0
回答已采纳
因此，我希望使用CSS将此div元素的不透明度定义为0，然后使用JS事件侦听器将其切换。下面是我的代码：
HTML：
window.addEventListener("load", function() {
const button = document.querySelector("button");
button.addEventListener("click", clicked);
});
function clicked(){
const div = document.querySelector("div"
浏览 0提问于2020-06-29得票数 0
2回答
我试着用jest测试一个组件。组件导入时空npm模块，该模块在main上使用es-模块。
我遇到了以下问题：
● Test suite failed to run
Jest encountered an unexpected token
Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such synt
浏览 18提问于2022-02-11得票数 2
2回答
我试图制作一个css 3D转换菜单，在jquery上有一个动态透视图和旋转，以及一个转换原点，只是为了探索戏剧性的效果，遗憾的是，我不知道我在哪里失败了。
$(document).ready(function() {
$('#mainWrapper').on("mousemove", function(event) {
var menuWidth = document.getElementById('mainMenu').offsetWidth;
var x = event.pageX * 100 / menuWidth;
浏览 1提问于2017-07-23得票数 0
回答已采纳
3回答
这是一个。当mousemove在框架上时，div的内部平稳地改变css道具(转换和转换)。Layer.svelte代码：
<div
style= "transform: rotateX(
{-y * ratioTransform - ratioTransform*layerPosition*2}
deg) rotateY(
{x * ratioTransform + ratioTransform*layerPosition*2}
deg);
transition: transform {0.4 + layerPosition*0.2}
浏览 1提问于2020-11-27得票数 0
2回答
我正在编写一个小的HTML页面，它保存了一个具有放大功能的图像。
<div id="zoom-container">
<div id="img_wrapper" class="img-wrapper">
<img id="img_place" src="Figures/Species_copy_number.png" onclick="cenas()" />
</div>
</div>
我只在以下代码中使用j
浏览 0提问于2016-08-02得票数 0
回答已采纳
2回答
我正在探索d3js (第4版)库，并在玩缩放行为时遇到了以下问题。
当使用鼠标轮，以便在触发编程缩放后，通过单击svg，会导致失去位置的松弛/跳跃行为。
我找到了这个堆栈溢出资源：，并认为这可能对我有帮助。但事实并非如此。
我举了一个简单的例子让你明白我的意思。我在这里错过了什么？
$(document).ready(function() {
var svg = d3.select('svg');
var group = d3.select('g#content');
svg.call(
d3.zoom().
浏览 0提问于2018-01-25得票数 3
回答已采纳
1回答
我用d3.js构建了一些SVG，但是没有显示任何内容。为什么？下面是代码的一部分：
<svg width="863" height="863" id="svgId">
<g transform="translate(431.5,431.5)">
<g class="asdf" r="421.5">
<circle transform="translate(0,0)" style="fill: rgb(255,
浏览 4提问于2014-08-01得票数 0
回答已采纳
5回答
我正在重建我的网站，并想从零开始做任何事情(没有引导，基金会等)。现在，我正在做导航条，我试图让它在点击时切换到滑入和滑行。由于某些原因，点击事件不起作用，我不知道我做错了什么。我在codepen 中做了一个粗略的例子
HTML
<script src="jquery-3.4.1.min.js"></script>
<div class="box"></div>
CSS
.box {
transform: translateX(0);
width: 100px;
height: 100px;
bac
浏览 8提问于2019-10-08得票数 1
回答已采纳
1回答
动态动画问题
、、、
我正在创建一个具有两个属性的对象：
animationName -一个具有预先制作的@keyfame动画名称的数组
&
动画-接受目标、动画名称、持续时间和定时函数的函数
我让动画函数检查至少有一个选定的目标存在，我还确保动画名称与animationName中的一个索引匹配。
如果我手动输入style属性和动画信息，它会像我预期的那样工作，但是，我似乎无法让代码在JS中工作！
我尝试过不同的东西，比如.prop()，但是我很确定.attr()是对的。
这是JS：
var animateElement = {
//put in our animations
浏览 2提问于2015-08-13得票数 1
回答已采纳
我正在做一个CSS变量的动画，其中CSS变量的值根据页面滚动而变化。然后将该变量用于具有关键帧的动画。
最初，它只在Firefox上正确更新。同时，我找到了一种在Chrome上工作的方法，通过强制重绘，在这种情况下，将颜色从#000动画到#001。
/* --scale is dynamic changed by JS */
@keyframes move {
0% {
transform: translateX(0) scale(var(--scale));
color: #000;
}
100% {
transfor
浏览 4提问于2019-11-26得票数 4
我正在努力理解nodejs中流是如何工作的。为此，我编写了以下代码
'use strict'
var fs = require('fs')
var split = require('split')
var stream = require('stream')
const myTransform = new stream.Transform({
writableObjectMode: true,
readableObjectMode: true,
transform (chunk, encoding, callbac
浏览 1提问于2017-03-07得票数 0
我正在使用HTML，CSS和JS来制作一种带有视频和十字(X)来关闭窗口的模式窗口。但我在点击十字标记后无法从停止播放中获得实际的视频。下面是窗口的外观：
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<meta name=
浏览 0提问于2021-09-14得票数 0
已修复。
解决办法是：
也可以通过.transform(babelify)
确保您的.vue-file脚本元素看起来像<script type="text/javascript"> --该类型属性必须在自定义属性lang之前。可能是标签上的第一个，甚至是唯一的属性。
我想我的问题是，我的es6在我的退伍军人。我得到了：
[09:33:36] Starting 'public'...
events.js:160
throw er; // Unhandled 'error' event
^
Syn
浏览 8提问于2017-02-02得票数 4
回答已采纳
1回答
我正在尝试配置jest，但是它不能处理es6特性。
为了解决这个问题，我向package.json添加了配置：
"jest": {
"transform": {
"^.+\\.jsx?$": "./node_modules/babel-jest"
},
}
我的.babelrc配置：
{
"presets": [
"react",
"es2017",
"stage-0",
["env",
浏览 5提问于2017-06-15得票数 1
回答已采纳
1回答
我有div，它有一些属性样式。
<div class="js__scroll__canvas" style="width: 10054px; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px); height: 521px;">
另一个插件js更改转换: translate(0px，0px)值(粗体)- so位置。
我试图捕捉这个值的变化
浏览 2提问于2016-11-18得票数 0
1回答
JS动画使用内置的JS动画函数
myRef.current.animate(
[
{transform: `translatey(32.5px)`, offset: 0},
{transform: `translatey(-2260px)`, offset: 0.9},
{transform: `translatey(-2260px)`, offset: 0.95},
浏览 3提问于2022-11-16得票数 0
回答已采纳
2回答
有没有一种方法可以唯一地设置D3js中元素的类或id？
例如，我现在使用的是条形图，这些是条形矩形元素的样子。
<g class="g" transform="translate(17,0)"></g>
<g class="g" transform="translate(34,0)"></g>
<g class="g" transform="translate(51,0)"></g>
...
<g class="g
浏览 2提问于2014-02-27得票数 1
回答已采纳
我无法使用selenium getText method.It获取文本框中的值，因此总是返回null值。
也尝试过使用`js.executeScript("document.getElementById('WBJDCD').value".它还返回空值。
我的Html如下所示。
<input id="WBJDCD" class="inforTextbox upperCaseClass" type="text" tabindex="-1" readonly="readonly" s
浏览 6提问于2016-01-22得票数 0
回答已采纳
2回答
添加不起作用的类时动画
、、、、
我有一个JQuery和CSS3片段来创建一个“滚动到视图动画”。应该发生的是，除非类动画有类可见，否则不会启动动画。但是，它不断地添加类、可见，但是动画不会触发。我已经在所有浏览器中测试过这一点，而唯一正确的浏览器似乎是Safari。我想让这个跨浏览器兼容。任何帮助都会很好！
下面是片段的一个小提琴：
这是JS：
(function(e){e.fn.visible=function(t,n,r){var i=e(this).eq(0),s=i.get(0),o=e(window),u=o.scrollTop(),a=u+o.height(),f=o.scrollLeft(),l=f+o.wid
浏览 1提问于2014-03-27得票数 0
回答已采纳
2回答
我有下面的html标记，目前只显示简单的文本“”和一些样式。标记是从插画中提取的，我正在尝试将引导合并到一个更有响应性的页面中。我不明白为什么文本不会随着浏览器的大小而改变。看上去是固定的。浏览器显示引导脚本正在工作，但我不知道什么是覆盖引导程序。代码中的样式只是文本大小和颜色。
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
浏览 2提问于2016-01-05得票数 0
回答已采纳
在下面的d3.js片段中，我期望在使用不同的浏览器时应用适当的旋转样式。但是，第二种样式总是会覆盖第一种风格。
var degrees = Math.floor( Math.random() * 360 );
box_tr.append('td')
.attr('id', 'image')
.append('img')
.attr('id', 'myimage')
.attr('src', imgurl)
.attr('st
浏览 5提问于2014-05-19得票数 1
回答已采纳
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script type="text/javascript">
var tl = new TimelineMax({ repeat:-1});
tl.to($('.b
浏览 4提问于2014-08-13得票数 0
回答已采纳
我是ReactJS的新手，我为这个问题找到的所有解决方案都使用了npm，并建议使用babel-plugin-Transform-es2015模块-amd。但是我使用的是CDN，这是我的代码：-
这是我的index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="js/react.production.min.js&
浏览 0提问于2018-10-13得票数 1
回答已采纳
2回答
为什么我的指令不出现？
、、、、
我遵循来构建一个简单的侧边栏。我遵循正确的步骤和代码，除了一些控制器/应用程序名称。我没发现有什么问题。但是它没有出现。有人能指点我吗？请参阅带有完整代码的柱塞链接的注释..。
html代码：
<!DOCTYPE html>
<html ng-app="sideBarApp">
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<script src="https://cod
浏览 10提问于2015-11-16得票数 2
回答已采纳
1回答
jQuery( ".button" ).click(function() {
// STOP BOUNCING SMOOTHLYY
$('.button').on('animationiteration webkitAnimationIteration', function () {
var $this = $(this);
$this.removeClass('loading');
})
});
.button{
position: absolute;
top: calc(50vh - 10px);
浏览 1提问于2019-09-10得票数 0
2回答
我试图放大一些图像，以适应窗口，如果图像的高度是较少使用Transform在CSS。
但由于我的图片是不同的高度上传我的网站的用户，所以只要给出以下css代码，它的缩放不够不同的图像。
CSS
.small{
transform:scale(1.42,1.42);
-webkit-transform:scale(1.42,1.42);
-moz-transform: scale(1.42,1.42);
-o-transform: scale(1.42,1.42);
-ms-transform: scale(1.42,1.42);
/*transition: all 0.65s;
-web
浏览 0提问于2014-06-02得票数 0
回答已采纳
我在d3.js中有以下代码
var svg = d3.select(".Canvas").append("svg").attr(
"width", width + margin.left + margin.right).attr("height",
height + margin.top + margin.bottom).append("g").attr(
"transform",
"transl
浏览 2提问于2014-04-05得票数 0
回答已采纳
我只是在用vue测试工具进行简单的单元测试。但这不管用。我不知道..。帮帮我
我安装了这个东西..。
> $ npm i -D jest @vue/test-utils vue-jest jest-serializer-vue babel-jest babel-core@bridge
> $ npm i -D @babel/core @babel/preset-env
我做了jest.config.js文件
module.exports = {
moduleFileExtensions: [
'vue',
'js'
],
浏览 6提问于2021-06-21得票数 20
4回答
“显示:不在css动画中工作？”
、、、、
我编写了一些代码，让卡片淡出，然后在点击后设置为display: none;，这样在DOM中消失之后就不会显示它了。虽然animation-fill-mode: forwards;可以工作，但是只有对display元素的更改似乎没有效果；如果您悬停在该区域，光标仍然在那里，元素仍然显示在dev tools中。是否有方法确保正确设置display: none;属性？
HTML <div></div>
CSS
body {
background: black;
margin-top: 4rem;
}
div {
display: block;
backgr
浏览 5提问于2017-11-24得票数 1
回答已采纳
1回答
我正在使用为我的网站创建图表。
我有一些用于X轴的自定义标记，但在呈现图表时，实际上只显示了其中的几个标记。
我搜索了文档，但我找不出是什么控制了显示的刻度数。
这是我的XAxis代码：
<XAxis name="city" dataKey="format" tick={<CustomTick/>}/>
下面是自定义勾号的代码：
const CustomTick = (props) =>{
return(
<g transform={`translate(${props.x},${props.y})`}>
浏览 6提问于2017-08-30得票数 0
回答已采纳
4回答
我已经处理了这段代码很长一段时间了，而且我似乎无法让它工作。我制作了一个绿色的div，我希望它在点击时进行CSS转换(通过使用JS添加类)，但这不是它现在正在做的事情。我对这个犯了什么错误？
下面是我的代码:还有一个JSFiddle ！
function box() { document.getElementById('box')[0].setAttribute("class", "box_ready");
}
body {
margin: 0;
padding: 0;
}
.container {
width:
浏览 4提问于2016-04-27得票数 0
回答已采纳
...is是一个巨大的痛苦。
var transform = 'translate3d(0,0,0)';
elem.style.webkitTransform = transform;
elem.style.mozTransform = transform;
elem.style.msTransform = transform;
elem.style.oTransform = transform;
有没有更好的库/框架/更好的方法来做到这一点？最好只有一行JS代码？
浏览 0提问于2012-01-17得票数 13
回答已采纳
我需要在包含的父文件中定位一个标头，这样当滚动时它就会跟随。问题是
position:fixed
将该位置修复到浏览器，而不是父服务器。这导致的结果是，当我有一个容器有一个横向滚动溢出的宽度(内容比容器宽)，我的固定标题没有溢出-滚动表的内容一样。
参见此
因此，这里的目标是修复头部的位置，但相对于它的父容器是固定的。在这个小提琴中，您可以看到我已经注释掉了一个css块：
.container{
/*-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: tr
浏览 8提问于2015-07-21得票数 5
回答已采纳
1回答
使用CSS动画
、、、
我有一个菜单，显示在当前页面顶部，一旦按下汉堡包图标，使用魅力的CSS。
该菜单动画从右边的屏幕和完美的工作，但我正在努力使它动画一旦在任何地方的菜单是按下。
动画是编写的(animateOut)，但是我需要帮助在动画的输入和输出之间按一下键切换代码：
汉堡包菜单点击->菜单幻灯片从右边。
单击菜单容器中的任何位置，->菜单滑到右边。
HamburgerMenu.js
CSS
const cssHamburgerMenuIcon = css({
position: 'absolute',
height: 20,
width:
浏览 0提问于2018-03-07得票数 13
回答已采纳
2回答
按钮将您带到水平滚动网站中的锚点
、、、、
我正在使用Wordpress。
我试过使用id，elementor菜单锚点，'page to scroll id‘插件...只有当网站垂直滚动时，一切才能正常工作。
我添加了自定义CSS在可湿性粉剂定制器，使其水平。它只有在用鼠标滚动时才起作用。
但是，当您单击按钮(或文本，或任何指向#id_name的内容)时，ids或锚点链接不会使页面水平滚动。
我知道它与CSS有关，我可能需要使用js滚动条或类似的东西，但到目前为止我找不到可以工作的东西。我正在使用Astra主题和Elementor。
这是我使用的额外CSS：
.elementor-inner {
width: 100vh;
浏览 2提问于2020-04-21得票数 0
尝试在角4实现滑块。
下面是slider.component.ts
import { Component, OnInit } from '@angular/core';
import { HomeService } from './../services/banner/home.service';
import { apiUrl } from './../services/global.constant';
@Component({
selector: 'app-slider',
templateUrl: '.
浏览 1提问于2018-02-16得票数 1
回答已采纳
嘿，我想知道如何在Js中使用@keyframe。
因为我想让动画在css中开始，但在90%，我希望它发生在Javascript中。
因此动画将继续，并且在js动画开始之前不会停止。
示例：
@keyframes spin {
0 % {
transform: rotate( 0deg);
}
50 % {
transform: rotate( 1080deg);
}
100 % {
// I want to make it happen in js , container.style.transform =
浏览 3提问于2021-09-05得票数 0
1回答
我使用Three.js作为一个模块，使用巴别塔转换代码，用WebPack打包。问题是，即使所有其他代码都被正确转换，three.js模块仍然包含ES6语法。这会在IE11中引发问题。
.babelrc
{
"presets": [
[
"@babel/preset-env" , {
"targets": {
"ie": "11"
}
}]
],
"plugins": [
浏览 5提问于2020-02-17得票数 1
我对这个d3.js很陌生。这里，我试图使用d3.v3.js库绘制一个条形图。我现在面临的问题不多。我试着在y轴上加上测量标签。但一旦我转换标签-90度，它的位置就会自动改变。
下面是我习惯于绘制的代码：
svg.append("g")
.attr("id","x_axis")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.c
浏览 0提问于2017-10-18得票数 3
回答已采纳
我有一个测试我的cloudflare worker的测试，看起来像这样： const workerScript = fs.readFileSync(
path.resolve(__dirname, '../pkg-prd/worker.js'),
'utf8'
);
describe('worker unit test', function () {
// this.timeout(60000);
let worker;
beforeEach(() => {
worker = n
浏览 32提问于2020-09-11得票数 1
4回答
朋友!webpack的建筑我有问题。在webpack中，我使用babel 6^ +这个预设：
presets: ['es2015', 'stage-1', 'react']
npm启动后，我会发现错误：
ERROR in ./src/common/components/layout/Header.js
Module build failed: SyntaxError: C:/Users/Anton/projects/isomorphic-redux-app/src/common/components/layout/Header.js: Unexp
浏览 7提问于2016-01-20得票数 1
回答已采纳
我有这个元素，它代表了一个硬币在我的连接四个游戏，然而，我想改变的背景颜色的硬币使用内联造型在JS。是否可以将CSS格式转换为内联js样式？我试过使用getAttribute，但不认为我使用的是正确的。任何建议都会有帮助。
style.css：
.piece{
border-radius: 50%;
background-color: red;
flex-grow: 1;
margin: 5%;
}
.piece[data-placed = "false"]{
transform: translateY(-10vmin);
}
.piece[data-pl
浏览 5提问于2022-11-20得票数 0
1回答
我正在用cordova做一个应用程序，我有一张图片，然后我在上面放了另一张透明背景的PNG格式的图片：
如你所见，第一张照片是一张照片，上面的第二张是透明背景的相框。我想要做的是在相框后面夹住和平移照片，以便让用户选择绘画应该是什么样子。
我能够使用以下代码来处理hammer.js：
hammerIt(document.getElementById("photoFromBehind"));
function hammerIt(elm) {
hammertime = new Hammer(elm, {});
hammertime.get("pi
浏览 4提问于2021-10-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
