我一直在试图弄清楚这一点，但我一直在为自己摸索。
我有一个博客，所有的帖子都按时间顺序从1到X(类)编号，博客的每个页面显示10个帖子，每个帖子都有一个编号的锚(post1，post2等)。
如果用户没有通过单击链接到达锚点，我不知道如何检索当前显示在屏幕(滚动条所在的位置)上的元素锚点的id/class/name。
这是否真的可以做到呢？我正在尝试用JavaScript编写代码，但我不知道从哪里开始，在正确的方向上点头会有很大帮助。
浏览 0提问于2012-11-28得票数 2
回答已采纳
我目前正在用JavaScript做一个拖放引擎。我目前正在为一些“可拖动”的对象设置“边界”。如果拖动对象的父对象(或父对象的父对象等)具有类.bound。我用来确定拖动对象是否有界的函数是(是的，这个函数也创建了拖动对象。)：
function makeObj(e) {
obj = new Object();
obj.element = e;
obj.boundX = e.parentNode.offsetWidth - e.offsetWidth;
obj.boundY = e.parentNode.offsetHeight - e.offsetHeigh
浏览 5提问于2011-02-27得票数 1
回答已采纳
1回答
我目前正在制造一个拖放式JavaScript引擎.我目前正在做一个“边界”特性，这样拖动对象就会被一个带有类.bound的容器包围。当我制作拖动对象时，我还会发现它是否有边界：
function makeObj(e) {
obj = new Object();
obj.element = e;
obj.boundX = e.parentNode.offsetWidth - e.offsetWidth;
obj.boundY = e.parentNode.offsetHeight - e.offsetHeight;
obj.posX = event.c
浏览 2提问于2011-02-27得票数 1
2回答
假设我有以下内容：
document.elementFromPoint(12, 23);
这是一个图像，我如何计算出图像的中心x和y坐标？从整体上看是相对的吗？
浏览 2提问于2012-01-16得票数 0
在这里，我给出了我的javascript，它在IE上工作得很好，但在FireFox下却不能正常工作。所以请告诉我要在我的javascript中修改什么才能在firefox中正常运行。
以下是我的代码
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Untitled Page</title>
<script type=
浏览 0提问于2010-11-18得票数 0
回答已采纳
2回答
使用jQuery拖动对象
、、、、
这就是小提琴：
当我拖动cursorH1时，我需要移动lineH1 (它是left属性)。现在，在我下一次尝试拖动cursorH1之后，lineH1被移动了。所以我需要它在cursoeH1移动的时候发生。这样lineH1和cursorH1就会同时移动。
浏览 0提问于2013-04-27得票数 0
回答已采纳
我知道有很多关于这方面的帖子，但我已经想了一整天了。我在这里尝试实现的是单击GridView中的一行，然后将页面滚动到该位置，就像html中的锚点一样。
这是我的链接，我将使用它来滚动。我在js文件中调用一个函数。这是在我的GridView中。
<asp:LinkButton runat="server" OnClientClick="window.scrollTo(0, GetPosition(this))" CommandName="select" ID="InkSelect" Text="SELECT"
浏览 4提问于2013-01-16得票数 0
回答已采纳
我想让页面顶部的一个元素具有动画效果。事情是这样的： HTML： ...
<ion-row id="theHistory"></ion-row>
... CSS： @keyframes floatBubble {
0% {
top:??;
}
100% {
top: 0px;
}
}
.element-up{
z-index:10;
background-color:white;
-webkit-animation: floatBubble 2s infinite
浏览 42提问于2019-02-07得票数 4
回答已采纳
<html>
<head>
<title> test </title>
<script>
var dragObject = null ;
var mouseStartCoords = null ;
var mouseTargetCoords = null ;
var initPosition = null ;
function makeDraggable(item) {
if(!item){
return false ;
}
item.onmousedown = function(ev) {
浏览 1提问于2011-07-27得票数 0
1回答
在滚动页面上更改“选定”
、、、
我一直在尝试自动更新我的导航栏，但我不能让它工作。下面是我的代码：
<div id="header">
<ul class="nav-list">
<li class="download selected"><a href="#firstPage">Download</a></li>
<li class="features"><a href="#secondPage">Features
浏览 2提问于2016-02-12得票数 0
1回答
我希望实现以下目标:当用户单击一个图像时，在mouse.x坐标下创建一个选择' div‘，用户可以水平地调整这个div的大小。在“mouseup”上，该页被重定向到另一页。到目前为止，我的代码如下：
<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/j
浏览 4提问于2012-10-18得票数 1
回答已采纳
2回答
画得不好的画布
、、
我想画一条线，从一个给定点开始，与另外两个点相交。为此，我得到这些点的x和y坐标，然后绘制。这是我的代码应该做的：
JS：
function getPosition(element)
{
var left = 0;
var top = 0;
var e = document.getElementById(element);
while (e.offsetParent != undefined && e.offsetParent != null)
{
left += e.offsetLeft + (e.clientLeft
浏览 0提问于2014-01-24得票数 1
在导航到offsetTop元素后，<a>元素的累积scrollTop与<a>的值之间是否存在可预测的关系？
我天真地假设它们是相等的，但是我遇到了scrollTop更大的情况(滚动位置在页面的更下方)。
以下更准确地界定了这一问题：
function TotalOffsetTop (e)
{
var offset = 0;
do
offset += e.offsetTop;
while (e = e.offsetParent);
return offset;
}
//navigate to MyBookmark
loc
浏览 1提问于2013-12-09得票数 13
我有一个ASP.Net页面，其中包含一个带有<img>标记的<div>。图像很大，因此<div>被设置为500x500像素的大小，并将overflow设置为滚动。
我正在尝试使用单击并拖动图像来添加图像平移。但是，每次我开始拖动图像时，它都会避开元素的边界，并占用整个页面。
以下是说明该问题的示例代码：
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default"
浏览 0提问于2010-03-17得票数 0
回答已采纳
在这里，我从javascript生成一个div，并将其放在文本框上。
我发现了两个问题: 1)我的代码只适用于IE。2) div中的文本没有垂直居中定位。
这是我的代码。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Untitled Page</title>
<script type="text/javascript" langu
浏览 0提问于2010-11-17得票数 1
回答已采纳
我对Js很陌生，我试图开发能够在画布上以zag格式移动对象的程序，我编写了这个函数，但它在我运行程序时没有被调用。如果有人可以查看我的代码，这将是非常有帮助的，还想提到的是，代码中的所有以前的函数都正常工作，但是这个特定的函数直到If条件而跳过函数部分才会被调用程序运行。另外，我现在也不想使用Jquery或CSS。
if (rightPos) {
function myInterval3() {
console.log('hello');
var eLeftPos1 = e.offsetLeft;
//console.log(e.offsetLeft
浏览 1提问于2021-07-19得票数 0
回答已采纳
2回答
这里有个小问题。我尝试实现了一些Javascript，它应该会向ASP Image组件添加一些客户端功能。实际上，这个图像组件是称为"AspxBinaryImage“的DevExpress组件之一。它只是一个小修改的ASP图像，与一些更多的CSS和东西，但基础仍然是超文本标记语言和许多行的JavaScript。
好了，现在我的问题来了:我试图在这个图像上实现一个平移。如果我省略了任何类型的ASP组件，而只是将站点命名为一个简单的HTML页面，IE是没有问题的，但是Mozilla根本不能工作。如果我尝试在ASP上下文中使用此JavaScript，则什么都不起作用。
我找到了这个：，并将它
浏览 2提问于2010-10-25得票数 0
上面的代码链接包含一个滚动动画示例，它在向下滚动时改变导航的行为和外观，这是用纯香草JavaScript完成的。问题是我不知道这个脚本是如何工作的。我对JavaScript有基本的知识，到目前为止我知道.
有3个变量--段(选择“节”类)、空对象{}，以及函数中值为0的i。
经过研究，我发现Array.prototype.forEach.call与 .forEach(function())是相同的。根据我的理解，e是一个参数。从这里开始，我迷失了方向，因为我不知道sectione.id = e.offsetTop;的含义
好的，我理解window.onscroll = funct
浏览 0提问于2019-02-12得票数 1
回答已采纳
关于onclick事件的一些错误
以下是我代码的一部分：
var srcElement = null;
var valueElement = null;
showTree = function (item, valueId) {
srcElement = window.event.srcElement;
valueElement = document.getElementById(valueId);
var x = getLeft(item);
var y = g
浏览 6提问于2018-09-29得票数 1
2回答
当鼠标移动时，我有一个小脚本来倾斜背景图像。我尝试了3种不同的图像，无论它们是什么大小，当图像移动时都有一个白色的空白。
背景图像跟随鼠标，没有问题。只是显示白色的空白，我试着在每一个设置的图像什么都没有用。
$(function() {
// Init
var container = document.getElementById("container"),
inner = document.getElementById("inner");
// Mouse
var mouse = {
_x: 0,
_y: 0,
浏览 0提问于2018-08-12得票数 3
回答已采纳
1回答
我对asp.net和javascript非常陌生，我应该在几天内完成以下任务。我知道我必须先学会所有的基本知识，然后再问，但真的不知道从哪里得到我需要的时间。提前谢谢！
这里有一些城市，将显示在乡村地图上:每个城市都有自己的风格(因为城市的位置不同)，定义在一个css中。
<div class="node">
<div class="taxonomy">
</div>
<div class="content">
<div id="contact_
浏览 1提问于2013-07-17得票数 0
1回答
我的动画并不适用于所有的图像，而是只适用于第一个图像。当鼠标进入并在图像中移动时，我想移动图像。
var container = document.querySelector(".movement"),
inner = document.querySelector(".product");
// Mouse
var mouse = {
_x: 0,
_y: 0,
x: 0,
y: 0,
updatePosition: function
浏览 1提问于2021-01-04得票数 1
回答已采纳
我在div上有一个“在悬停时旋转”的效果，我想让它在旋转时，里面的元素看起来更接近观众，并且相对于背景有更多的深度。然而，应用translateZ();会使它们看起来更大，但它们仍然看起来“粘在”背景上。
到目前为止，我尝试将perspective和transform: perspective();属性应用于父元素，并将transform-style: preserve-3d;应用于子元素，但它看起来仍然粘在背景上。
所以说清楚，
但是
let gridElements = document.getElementsByClassName('grid-member');
浏览 18提问于2020-05-29得票数 2
回答已采纳
当找到文本范围的位置时，我似乎发现了Internet 8的一个问题--例如，当前选定的文本。我还没有在StackOverflow或其他地方找到任何关于这个问题的报告。
TextRange.offsetLeft和TextRange.offsetTop报告范围的左上角，在所有情况下，我在IE8中都看到它们大致正确，除非范围在IFrame内。当范围在IFrame内时，offsetLeft和offsetTop的值相对于IFrame在其父级中的位置移动负值。(见下文示例)
只有在下列情况下才会出现此问题：
浏览器是IE8
页面处于标准模式。
当下列情况下出现而不是时会出现此问题：
浏
浏览 4提问于2012-05-14得票数 9
4回答
我有一个UIWebView，它完全加载了一个HTML页面。UIWebView的框架为320×480，水平滚动。我可以得到用户当前所在的当前偏移量。我想找到最近的锚使用XY偏移量，以便我可以“跳转”的锚位置。这有可能吗？有人能为我指出Javascript中的资源吗？
<a id="p-1">Text Text Text Text Text Text Text Text Text<a id="p-2">Text Text Text Text Text Text Text Text Text ...
更新
我的超级悲伤的JS代码：
funct
浏览 6提问于2012-05-17得票数 11
回答已采纳
2回答
在文本区域中模拟插入符号
、、、
我试图模仿文本区域的插入符号，目的是创建一个非常轻量级的富文本区域。我不想使用像codemirror或其他大型库这样的东西，因为我不会使用它们的任何特性。
我有一个<pre>定位在一个具有透明背景的文本区后面，这样我就可以在文本中模拟高亮效果。但是，我也希望能够更改字体颜色(因此它并不总是相同的)。所以我在文本区上尝试了color: transparent，它允许我以任何我想要的方式设置文本样式，因为它只出现在文本区后面的<pre>元素上，但是插入符号消失了。
我已经让它工作得相当好了，尽管它并不完美。主要的问题是，当您按住一个键并向该字符发送垃圾邮件时，插入符号似乎总
浏览 0提问于2013-07-08得票数 5
回答已采纳
3回答
我发现了这个：
还有其他几个，但没有什么不是我想要的。我想要的是缩放到它大小的50% (当然有很好的动画转换)，并让页面布局重新调整到元素的新(视觉)大小。默认情况下，元素仍然保留其在布局结构中的原始大小，并且仅用关联的转换绘制。
基本上，我希望用户点击一个文本块(或其他内容)，然后将该文本缩放到其大小的50% (或其他任何内容)，并将其粘贴在下面的面板中，以表明它已被选中。在我移动元素之后，我不希望它周围有50%的空白。
我试过重新设置高度/宽度，但这会使元素经历一个新的布局，然后将比例应用到新的布局中，这仍然给我留下了50%的空白。我的mozilla特定代码(为了简单起见)如下所示：
&l
浏览 4提问于2012-06-01得票数 71
回答已采纳
我试着用惰性加载让博客上的图片加载更快，这就是图片的默认lightbox被禁用的时候。
显然，在lazy load脚本中，有一些东西阻碍了lightbox的功能。
下面是我使用的延迟加载脚本
(function () {
function r(e) {
var t = 0;
if (e.offsetParent) {
do t += e.offsetTop; while (e = e.offsetParent);
return t
}
}
var e = window
浏览 3提问于2014-07-23得票数 1
1回答
我是Webpack的新手。我正在做一个多页的应用程序。我了解Laravel的基本知识，但我不了解的是如何优化Laravel和/或脚本，这样就不需要运行16‘t内存和20+ minutes。任何关于我如何优化我的webpack文件的技巧都将不胜感激。我已经把它附在下面了。
注意: app.js包含了我所有的全局内容
/* global require */
const { mix } = require('laravel-mix');
const webpack = require('webpack');
/*
|----------------------
浏览 1提问于2018-10-26得票数 2
1回答
我正在增加一个项目的咕噜声，我正在使用CONCAT任务创建几个JS文件，但是我想把文件路径弄干，而不是重复静态/js/.
concat: {
libraries: {
src: ['static/js/jquery-ui-1.9.2.custom.min.js'],
dest: 'static/scripts/libraries.js'
},
plugins: {
src: ['static/js/le-mtagconfig.js', 'static/js/jquery.magnific.js', 'stati
浏览 0提问于2014-07-15得票数 0
回答已采纳
我们在Orange 4j-taglib中使用wro4j，有时当我们将相同的资源部署两次而不是两次不同的时候，但不是在所有的服务器上。下面是我们组在wro.xml中的片段。我们使用的是构建时解决方案，因此属性文件和所有连接文件的散列都是在构建时生成的。
<group name="insertImageCore">
<js>/static/js/imageinsert/js/imageInsert.js</js>
<js>/static/js/imageinsert/js/util/imageInsertUtils.j
浏览 4提问于2013-09-24得票数 1
回答已采纳
回到几年后的一个项目，我正在努力改变谷歌关闭编译。我正在使用来自github的闭包库的新下载，这些工具：
java版本"1.8.0_152“
闭包编译器版本: v20200830
通过下面引用的脚本，我得到了17个类似的错误，所有这些错误都发生在闭包库文件上(目前我只尝试这些文件)：
js/closure-library/closure/goog/net/browsertestchannel.js:20:0:错误-JSC_INVALID_FORWARD_DECLARE格式错误goog.forwardDeclare 20\x{e76f} goog.forwardDeclare(
浏览 5提问于2020-09-07得票数 0
1回答
我正在尝试修改一个特定的文件。
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
.babel([
'resources/assets/js/libs/xxxx.js',
'resources/assets/js/libs/xxxx.js',
'resources/assets/js/libs/xxxx.
浏览 0提问于2017-04-30得票数 1
回答已采纳
我在我的web应用程序中使用jboss gatein 3.2。在gatein-resource.xml中，我已经从ext-js 3.2升级到3.4。这会在firebug控制台中给出java script错误，并且所有的ext-js组件和gatein portlet的菜单也都没有加载。这只在生产模式下发生，但在开发模式下工作得很好。可能出了什么问题(ext-js 3.2在开发模式和生产模式下都工作得很好)
TypeError: eXo.portal.UIPortal is undefined
下面是我在resource.xml的大门
<?xml version="1.0"
浏览 6提问于2013-10-01得票数 0
1回答
我正在使用Google Closure编译器编译我的代码。
我正在编译的代码是来自闭合库、Hammer、Hammer-Time和一些我自己的代码的相关部分。
直到我将锤子添加到编译中，编译才会正常工作，此时，当我运行JavaScript时，我会得到以下错误：
Uncaught TypeError: n.add is not a function
指的是：
function mb(a, c, e, l, f, k) {
if (!c)
throw Error("Invalid event type");
var h = !!f
, n
浏览 6提问于2016-04-02得票数 1
我从git克隆了一个repo，并安装了所需的所有依赖项，但是当运行npm时，runing ai得到了以下三个文件的错误：
未找到./resources/js/administracion/ordenesPago.js模块中的错误:未能在'/Users/davegomez/Desktop/Arco/arco/sistema-arco-v2.0/resources/js/administracion‘@ ./resources/js/administracion/ordenesPago.js 3:0-50 7:8-24 8:36-52 @multi.资源/js/administracion
浏览 2提问于2022-03-22得票数 0
回答已采纳
我正在使用来加载我所有的JavaScript代码在我的网站头部。我是否应该执行以下操作，用HeadJS将所有JavaScript加载到头部？
<script src="/-/js/head.js"></script>
<script>
head.js("https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js")
.js("/-/js/slideshow.js")
.js("/-/js/mo
浏览 2提问于2013-06-07得票数 2
我的任务是通过Nuget将现代化更新为最新版本3.5.0的Visual ASP.NET应用程序，安装后大约安装了52个文件-
文件名
contains.jscomputedStyle.js createElement.js cssomPrefixes.js addTest.js atRule.js cssToDOM.js domToCSS.js <code>H 123</code>fnBind.js<code>H 224</code><code>H 125</code>generate.js<code>H 22
浏览 0提问于2020-02-13得票数 0
像这样注入文件：
[<script src="/js/angular-animate.min.js"></script>
<script src="/js/angular-aria.min.js"></script>
<script src="/js/angular-cookies.min.js"></script>
<script src="/js/angular-flexslider.js"></script
浏览 2提问于2017-02-16得票数 0
我希望使用ReferenceArrayInput将多个客户插入到一个预订中，但是当我使用它时，Create页面根本不会呈现。
在bookings.js中：
export const BookingCreate = (props) => (
<Create {...props}>
<SimpleForm>
<ReferenceInput label="Customer" source="customer_id" reference="customers" allo
浏览 31提问于2017-06-23得票数 0
通过使用Laravel，不可能编译已经缩小的JS的列表，这就像是Webpack忽略了它： .js(
[
'resources/assets/theme/js/bootstrap.min.js',
'resources/assets/theme/js/canvasjs.min.js',
'resources/assets/theme/js/contact.js',
'resources/assets/theme/js/countdown.js',
'resources/assets/
浏览 35提问于2020-10-11得票数 0
我正在尝试使用require-js、require-vuejs和vue-js将Vue应用程序与现有的MVC应用程序集成。一切正常，但每当我在组件中添加<style scoped>标记时，它都会显示一个错误。
如果我去掉<style scoped>标签，它就能正常工作。
我是不是遗漏了什么？
下面是我的购物车组件(父组件)的代码：
<template>
<div id="vue-cart">
<div class="cart-header">
<div
浏览 20提问于2019-07-19得票数 0
我想在我的Ionic 5/ Angular 9项目中添加一些jquery函数。
我从angular.json文件调用这些文件。因为我已经通过npm安装了Jquery和Bootstrap，所以一些函数可以工作。
但我不知道如何使用其他的。
这些是文件
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"src/assets
浏览 0提问于2020-07-22得票数 0
2回答
有个奇怪的问题希望有人能帮忙。我试图“迭代”通过一系列的词和标点符号，以使滚动对话的外观。我有这个工作，除了当我试图推动它作出反应，它只是goes...haywire。我现在拥有的是：
export default function DialogueBox(params){
const params="The story, characters, and events, in this game are entirely fictional. Any similarities to actual people, places and events are entirely c
浏览 2提问于2022-01-11得票数 0
回答已采纳
我想让用户在点击按钮时增加/减少微缩内的数量。
1.我向 Magento_Checkout/web/template/minicart/item/default.html添加了两个新按钮
<button
class="decrease-qty"
data-bind="attr: {
title: $t('Decrease Quantity'),
'data-cart-item': item_id,
'data-item-qty': qty
}">-
</button>
<!
浏览 2提问于2019-09-18得票数 1
我有以下webpack.mix.js：
const { mix } = require('laravel-mix');
mix.scripts([
'resources/assets/js/app.js',
'resources/assets/js/definers.js',
'resources/assets/js/tab_system.js',
'resources/assets/js/searchbox.js',
'node_modules/angular/an
浏览 7提问于2017-03-03得票数 2
回答已采纳
2回答
我决定使用@angular/flex-layout的响应网格系统，而不是Bootstrap的。
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {
MdButtonModule,
MdSnackBarModu
浏览 2提问于2017-09-08得票数 1
回答已采纳
我有一个问题，所有的角度9的项目，我正在工作。在运行ng serve之后，当我尝试在本地浏览器中加载它们中的任何一个时，我只得到一个从未停止加载的白色页面。如果我让它运行足够长的时间，浏览器最终会告诉我有一个长时间运行的脚本。
无论是在编译时还是在运行时，我都不会在角cli中收到任何错误或警告。浏览器也不报告任何错误。
如果我将项目移到另一台计算机上，它们可以正常工作，不会出现任何问题。
当我做一个项目时，这个问题突然出现了。我尝试过删除每个非必需的文件/文件夹(比如、node_modules、)并重新初始化它们，但这似乎没有帮助。
如果我暂停脚本的执行，它主要停留在_updateTaskCo
浏览 2提问于2020-07-09得票数 0
我现在使用来设置这个设置
concat: {
injectedJs: {
'dist/js/inject/beatportInject.js': ['src/js/thirdParty/jquery.js', 'src/js/inject/beatportInject.js'],
'dist/js/inject/streamusInject.js': ['src/js/thirdParty/jquery.js', 'src/js/thirdParty/lodash.j
浏览 2提问于2015-02-26得票数 1
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
