javascript

java

python

c#

android

node.js

c++

reactjs

php

html

jquery

css

.net

ios

git

ruby-on-rails

sql

c

string

ruby

如何在iOS模拟器上模仿两指滚动/拖动手势?

我有一个滚动页面,我至少指定了两个手指。 它可以在我的设备上运行,但不知道如何在Simulator上模仿此手势。 我可以毫无问题地模仿单指滚动。 我试过了option / ctrl / shift等,但无法正常工作。 也许我的组合是错误的。 有人知道吗? 谢谢。

trans by 2020-02-18T11:25:22Z

使用JavaScript滚动iframe?

我使用JavaScript动态加载iframe。 加载后,如何使其向下滚动特定数量的像素(即,在iframe中的页面加载后,如何使iframe自身滚动到页面的指定区域?)

trans by 2020-02-17T08:37:03Z

scroll-在Android中自动滚动TextView以将文本带入vi

我有一个textview,我正在向其中动态添加文本。

在我的textview文件中,我设置了属性,以使最大行数19和滚动条垂直。

textview文件中,我正在使用0允许滚动。

滚动效果很好。 一旦占用了19行,并添加了更多行,它便开始按原样滚动。 问题是,我希望新文本滚动到视图中。

我正在写出textview的值,无论如何都保持在0(即使我手动向下滚动并添加新的一行文本)。

因此textview对我没有任何帮助。

我应该使用另一种方法来获取textview的垂直滚动量吗? 我读过的所有内容都表明,出于所有意图和目的,我正在做的事情应该是有效的:/

trans by 2020-02-17T02:35:36Z

listview-Android smoothScrollBy表现不佳

我有一个smoothScrollBy(),我正在拨打view.smoothScrollBy(distance, time);。 95%的时间中,smoothScrollTo()的行为符合预期。 但是有时它并没有到达预期的位置! 我已经证实我给它相同的价值。 我注意到发生错误时平滑滚动并不是那么平滑,但是我的应用程序正在执行的其他任务没有我可以控制的。

我不太确定后台发生了什么,但是可能的罪魁祸首是垃圾收集。

在这种情况下,95%的精度不够好。 在这些情况下,我将必须实施某种校正机制以确保smoothScrollBy()落在正确的位置上。

除了简单地调用view.smoothScrollBy(distance, time);之外,还有其他更好的方法来使用smoothScrollBy()吗?

trans by 2020-02-17T02:19:15Z

html-如何使用jQuery滚动到div的顶部?

我在div内有一个gridview ..我想使用jquery从div的底部滚动到div的顶部..任何建议..

<div id="GridDiv">
// gridview inside..
</div>

我的gridview中将具有自定义分页生成的链接按钮...我将从链接按钮的底部滚动到div的顶部,单击...

protected void Nav_OnClick(object sender, CommandEventArgs e)
    {
        LinkButton lb1 = (LinkButton)sender;
        //string s = lb1.ID;
        ScriptManager.RegisterClientScriptBlock(lb1, typeof(LinkButton), 
 "scroll", "javascript:document.getElementById('GridDiv').scrollTop = 0;", true);

代替javascript,我将调用jquery函数...任何建议...

编辑:

就像每个用户页面的Stackoverflow问题...更改页面编号时,它以平滑的效果滚动到顶部...我想要实现这一点...

trans by 2020-02-16T11:40:28Z

android-滚动时获取RecycleView的中心可见项

这就是我要的:

enter image description here

如上图所示,我想在Rect上画一条中心线,然后在滚动时获得中心项(以及向左或向右移动)
这是我尝试绘制水平RecycleView的方法:

    HorizontalAdapter adapter = new HorizontalAdapter(data);
    LinearLayoutManager layoutManager
            = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false);
    recycleView.setLayoutManager(layoutManager);
    recycleView.setAdapter(adapter);

有什么方法可以知道哪个项目移动到2747082895838938138112的中心吗? 以及如何将RecycleView左右滚动一个位置?

更新:我试图使用滚动侦听器来获得中间位置,但是它不能用作外观。

  @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
            int firstPos = layoutManager.findFirstVisibleItemPosition();
            int lastPos = layoutManager.findLastVisibleItemPosition();
            int middle = Math.abs(lastPos - firstPos) / 2 + firstPos;

            int selectedPos = -1;
            for (int i = 0; i < adapter.getItemCount(); i++) {
                if (i == middle) {
                    adapter.getItem(i).setSelected(true);
                    selectedPos = i;
                } else {
                    adapter.getItem(i).setSelected(false);
                }
            }

            adapter.notifyDataSetChanged();
        }

并得到结果:

enter image description here

我只想更改选定的项目(将文本更改为白色),当它处于蓝色Rect

trans by 2020-02-14T10:37:12Z

javascript-document.ontouchmove和在iOS 5上滚动

iOS 5为JavaScript / Web Apps带来了许多好处。 其中之一是改进的滚动。 如果添加

-webkit-overflow-scroll:touch;

与textarea元素的样式相同,用一根手指即可很好地进行滚动。

但是有一个问题。 为防止整个屏幕滚动,建议Web应用程序添加以下代码行:

document.ontouchmove = function(e) {e.preventDefault()};

但是,这将禁用新的滚动。

有没有人有一个好的方法允许在文本区域内进行新的滚动,但不允许整个表单滚动?

trans by 2020-02-13T14:59:12Z

html-CSS 100%Height,然后滚动DIV not page

好的,我还无法找到答案的问题,所以我决定自己做。

我正在尝试创建100%流畅的布局,从技术上讲,我已经做到了。[http://stickystudios.ca/sandbox/stickyplanner/layout/index2.php]

但是,我现在要做的是使页面高度达到100%...但是我不希望页面滚动,我希望内部DIV滚动。

因此,我简而言之,我希望它检测视口屏幕的高度,然后移至100%,然后如果IF内容比屏幕长,请滚动特定的DIV,而不是页面。

我希望这是有道理的。

提前致谢。贾斯汀

trans by 2020-02-03T21:53:52Z

javascript-如何滚动div在ReactJS中可见?

我有一个弹出列表,它是div,其中包含子2729584381303194194625s的垂直列表。 我添加了向上/向下键盘导航来更改当前突出显示的哪个孩子。

现在,如果我按下向下键的次数足够多,则突出显示的项目将不再可见。 如果滚动视图,则向上键也会发生相同的情况。

在React中自动将孩子div滚动到视图中的正确方法是什么?

trans by 2020-02-02T08:53:41Z

html-滚动时如何使div跟随?

我在左侧有一个div,其中包括营业时间和天气。 我希望该div根据用户的滚动方式上下滚动。 因此它将随页面上下移动。 我将如何尝试呢? 这是我的网站judystropicalgarden.com

谢谢

trans by 2020-01-29T14:30:47Z

android-如何制作可滚动的TableLayout?

请在此处查看XML代码:

<TableLayout
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="10dip"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <TableRow
    android:id="@+id/tableRow1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <!-- Some stuff goes here -->

    />
    </TableRow>

    <TableRow
    android:id="@+id/tableRow2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <!-- Some stuff goes here -->

    />
    </TableRow>

    <TableRow
    android:id="@+id/tableRow3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <!-- Some stuff goes here -->

    />
    </TableRow>


</TableLayout>

我的代码比这更长,但是我删除了不必要的部分。问题是我想将此TableLayout设为可滚动显示,以便可以显示所有内容。

我试图将这一行放入TableLayout中,以使其可滚动:

android:isScrollContainer="true"

但是它不能完成任务。 有办法吗?

trans by 2020-01-18T07:46:06Z

javascript-获取div在R中的offsetTop位置

我正在尝试在React中实现一个List视图。我想要实现的是存储列表标头信息并注册组件并注册滚动事件。每次用户滚动窗口时,我都想取出存储的div并重新计算offsetTop数据。

现在的问题是,我发现控制台仅打印出初始值(该值是固定的,并且从未更改过)offsetTop数据在_instances函数中从未更改过。

有人建议如何从_instances对象获取最新的offsetTop吗?

import React, { Component } from 'react';
import ListHeader from './lib/ListHeader';
import ListItems from './lib/ListItems';

const styles = {
  'height': '400px',
  'overflowY': 'auto',
  'outline': '1px dashed red',
  'width': '40%'
};

class HeaderPosInfo {
  constructor(headerObj, originalPosition, originalHeight) {
    this.headerObj = headerObj;
    this.originalPosition = originalPosition;
    this.originalHeight = originalHeight; 
  }
}

export default class ReactListView extends Component {
  static defaultProps = {
    events: ['scroll', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll', 'resize', 'touchmove', 'touchend'],
    _instances:[],
    _positionMap: new Set(),
    _topPos:'',
    _topWrapper:''
  }

  static propTypes = {
    data: React.PropTypes.array.isRequired,
    headerAttName: React.PropTypes.string.isRequired,
    itemsAttName: React.PropTypes.string.isRequired,
    events: React.PropTypes.array,
    _instances: React.PropTypes.array,
    _positionMap: React.PropTypes.object,
    _topPos: React.PropTypes.string,
    _topWrapper: React.PropTypes.object
  };

  state = {
    events: this.props.events,
    _instances: this.props._instances,
    _positionMap: this.props._positionMap,
    _topPos: this.props._topPos
  }

  componentDidMount() {
    this.initStickyHeaders();
  }

  componentWillUnmount() {

  }

  componentDidUpdate() {

  }

  refsToArray(ctx, prefix){
    let results = [];
    for (let i=0;;i++){
      let ref = ctx.refs[prefix + '-' + String(i)];
      if (ref) results.push(ref);
      else return results;
    }
  }

  initHeaderPositions() {
    // Retrieve all instance of headers and store position info
    this.props._instances.forEach((k)=>{
      this.props._positionMap.add(new HeaderPosInfo(
          k, 
          k.refs.header.getDOMNode().offsetTop,
          k.refs.header.getDOMNode().offsetHeight
        ));
    });
    let it = this.props._positionMap.values();
    let first = it.next();
    this.props._topPos = first.value.originalPosition;
    this.props._topWrapper = first.value.headerObj;
  }

  initStickyHeaders () {
    this.props._instances = this.refsToArray(this, 'ListHeader');
    this.initHeaderPositions();

    // Register events listeners with the listview div
    this.props.events.forEach(type => {
      if (window.addEventListener) {
        React.findDOMNode(this.refs.listview).addEventListener(type, this.onScroll.bind(this), false);
      } else {
        React.findDOMNode(this.refs.listview).attachEvent('on' + type, this.onScroll.bind(this), false);
      }
    });
  }

  onScroll() {

    // update current header positions and apply fixed positions to the top one
    console.log(1);
    let offsetTop  = React.findDOMNode(this.props._instances[0].refs.header).offsetTop;

  }

  render() {
    const { data, headerAttName, itemsAttName } = this.props;
    let _refi = 0;
    let makeRef = () => {
      return 'ListHeader-' + (_refi++);
    };

    return (
      <div ref="listview" style={styles}>
      {
        Object.keys(data).map(k => {
        const header = data[k][headerAttName];
        const items  = data[k][itemsAttName];
          return (
            <ul key={k}>     
              <ListHeader ref={makeRef()} header={header} />
              <ListItems  items={items} />
            </ul>
          );
        })
      }
      </div>
    );
  }
}

整个源代码都在Github上,您可以从这里克隆并编译它:

Github

trans by 2020-01-16T00:07:23Z

滚动-Android:如何获取RecyclerView的当前X偏移量?

我将onScrolled用于无限的“时间选择器轮播”,发现这不是最佳方法(最后一个问题)

现在,我找到了RecyclerView,但是我无法获得RecyclerView在X方向上的当前滚动偏移量? (假设每个项目的宽度均为100px,第二个项目的可见度仅为50%,因此滚动偏移为150px)

  • 所有项目都具有相同的宽度,但是在第一个项目之前,最后一个项目之后有一些间隙
  • onScrolled返回findFirstVisibleItemPosition(文档说:初始滚动值)
  • onScrolled具有findFirstVisibleItemPosition,但是我无法使用

更新

我只是找到了一种跟踪X位置,同时使用onScrolled回调更新值的方法,但是我宁愿获取实际值,而不是一直跟踪它!

private int overallXScroll = 0;
//...
mRecyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);

            overallXScroll = overallXScroll + dx;

            Log.i("check","overallXScroll->" + overallXScroll);

        }
    });
trans by 2020-01-15T12:25:25Z

javascript-用户停止滚动时的事件

当用户滚动页面时,我想做一些有趣的jQuery东西。 但是我不知道如何解决这个问题,因为只有scroll()方法。

有任何想法吗?

trans by 2020-01-13T12:17:50Z

大小-IntelliJ IDEA禁用CMD + s上的字体增加/减少

我在Mac OS X上使用IntelliJ IDEA 9.0.2-带有魔术鼠标。 每当我按下命令按钮并在鼠标表面上移动一两微米的距离时,IDEA会立即迅速增加或减小我的字体大小。 如何禁用此功能?

trans by 2020-01-12T21:07:44Z

当鼠标悬停在绝对位置上时,jQuery禁用滚动

当鼠标悬停在div上时,我试图禁用窗口鼠标滚动功能-以便仅启用div滚动-当鼠标移离div时,将再次应用到窗口的滚动。 div绝对定位。

我看过这篇文章,当鼠标光标位于div内时,使用jquery禁用了鼠标滚轮功能? 但它似乎没有提供任何答案-因此是我的问题。

我假设它将是这样的(如果仅存在这些方法):

$('#container').hover(function() {
     $(window).scroll().disable();
     $(this).scroll().enable();
}, function() {
     $(window).scroll().enable();
});
trans by 2020-01-12T04:12:08Z

滚动到该div后,如何使div固定?

滚动到div后,如何使div保持固定? 我有div,该页面稍后会显示,您需要滚动才能找到div

如果我使用:

.divname {
  position: fixed;
}

div将在正常显示之前出现。 也许我需要的一个很好的例子是9gag上的第二则广告。 如果屏幕分辨率足够低,则在加载首页后您将看不到该广告,但是向下滚动后,您会看到第二个广告,并且在向下滚动时该广告将保持不变。

trans by 2020-01-03T03:39:23Z

的JavaScript-Chrome 61的身体不是

有谁知道为什么在body元素上分配document.body.scrollTop = 200不再有效?

例如:document.body.scrollTop = 200

导致文档无法滚动。

原因:Chrome最终使滚动规范与版本61保持一致

解决方案:使用scrollingElement

将示例更新为:

var scrollNode = document.scrollingElement ? 
                 document.scrollingElement : document.body;
scrollNode.scrollTop = 200;
trans by 2020-01-02T05:09:14Z

wpf-将滚动事件从ListView冒泡到其paren

在我的WPF应用程序中,我有一个ListView,其ScrollViewer设置为Disabled。它包含在ScrollViewer中。当我尝试在ListView上使用鼠标滚轮时,外部ScrollViewer无法滚动,因为ListView正在捕获滚动事件。

如何强制ListView允许滚动事件冒泡到ScrollViewer

trans by 2019-12-30T16:41:06Z

防止滚动从元素冒泡到风

我有一个包含iframe的模式框窗口(弹出式窗口),
在该iframe中,有一个可滚动的div。

当我滚动iframe的内部DIV并达到其上限或下限时,
浏览器窗口本身开始滚动。 这是不想要的行为。

我已经尝试过类似的方法,它会在
当鼠标进入弹出框区域时,onMouseEnter:

e.preventDefault()由于某些原因无法正常工作...

$("#popup").mouseenter(function(){
   $(window).bind("scroll", function(e){
        e.preventDefault();
   }); 
}).mouseleave(function(){
    $(window).unbind("scroll");
});

更新资料

好像现在2013年e.preventDefault();就足够了...

trans by 2019-12-27T18:50:55Z

1 2 3 4 5 6 下一页 共6页