草庐IT

scroll-paging

全部标签

javascript - HTML5 : Refresh page when popstate is fired

我有一个像这样的ajax搜索表单:网址:/搜索/=>用户输入搜索词并点击按钮=>搜索完成并通过ajax在页面上的div中显示结果但是:我还希望用户能够将URL复制并粘贴给friend并浏览之前的搜索。因此,在触发搜索时,我将浏览器地址栏中的url从更改为/搜索/到/search/?q=你的关键字使用:window.history.pushState("","Searchfor"+keyword,"/search/?q="+keyword);这会将浏览器地址栏中的url更改为/search/?q=yourkeywords并且工作正常。现在,点击后退按钮,浏览器地址栏再次显示/search

javascript - HTML5 : Refresh page when popstate is fired

我有一个像这样的ajax搜索表单:网址:/搜索/=>用户输入搜索词并点击按钮=>搜索完成并通过ajax在页面上的div中显示结果但是:我还希望用户能够将URL复制并粘贴给friend并浏览之前的搜索。因此,在触发搜索时,我将浏览器地址栏中的url从更改为/搜索/到/search/?q=你的关键字使用:window.history.pushState("","Searchfor"+keyword,"/search/?q="+keyword);这会将浏览器地址栏中的url更改为/search/?q=yourkeywords并且工作正常。现在,点击后退按钮,浏览器地址栏再次显示/search

html - DIV 设置为溢出 :scroll, 但不会一直滚动到底部

我有一个DIV菜单,该菜单设置为100%高度并带有overflow:scroll。在DIV中,我有一个ulli。我遇到的问题是它不会让我一直向下滚动以查看最后一个li。我几乎看不到它。我认为这与我的标题有关,因为当我删除标题时,我可以看到它。当我放回标题时,它位于浏览器下方,无法一直向下滚动以查看最后一个li。li和header的高度几乎相同,header导致问题很有意义。我认为,不是特别是标题,而是我在CSS中所做的更多事情。为什么我不能一直滚动到底部?解决方案是什么?此处示例:http://jsfiddle.net/D5KU3/2/WhyCantIscrollallthewayto

html - DIV 设置为溢出 :scroll, 但不会一直滚动到底部

我有一个DIV菜单,该菜单设置为100%高度并带有overflow:scroll。在DIV中,我有一个ulli。我遇到的问题是它不会让我一直向下滚动以查看最后一个li。我几乎看不到它。我认为这与我的标题有关,因为当我删除标题时,我可以看到它。当我放回标题时,它位于浏览器下方,无法一直向下滚动以查看最后一个li。li和header的高度几乎相同,header导致问题很有意义。我认为,不是特别是标题,而是我在CSS中所做的更多事情。为什么我不能一直滚动到底部?解决方案是什么?此处示例:http://jsfiddle.net/D5KU3/2/WhyCantIscrollallthewayto

javascript - rails : Nested remote form doesn't work on page load

我有一个Rails应用程序,其中有一个看起来像这样的表单:[Parentlistitem1][Parentlistitem2][Parentlistitem3-expanded][Childlistitem1]ChildinlineinputChildsubmitbutton------------------[Parentinput]Parentsubmitbutton父实体输入始终有效。它是一种远程形式,使用remote:true。当我添加一个父对象时,它会自动与其他父对象一起添加到列表中。每个父级可以有多个子级,当用户展开相应的父级列表项时显示并列出它们(如上例)。用户可以通过在

javascript - rails : Nested remote form doesn't work on page load

我有一个Rails应用程序,其中有一个看起来像这样的表单:[Parentlistitem1][Parentlistitem2][Parentlistitem3-expanded][Childlistitem1]ChildinlineinputChildsubmitbutton------------------[Parentinput]Parentsubmitbutton父实体输入始终有效。它是一种远程形式,使用remote:true。当我添加一个父对象时,它会自动与其他父对象一起添加到列表中。每个父级可以有多个子级,当用户展开相应的父级列表项时显示并列出它们(如上例)。用户可以通过在

html - 是否有可能有一个弹出 div 'breaks out' 溢出 :scroll or overflow:auto container?

我有一个包含弹出菜单的可滚动区域。从概念上讲,是这样的:...contentherethat'sbigenoughtotriggerscrollbars...Clickhere...morecontent.Thisdivgetsshownandhiddenbyjqueryonclickevents.问题是,当弹出菜单弹出时,它也包含在滚动div中,并且无论我将z-index设置多高都不会出现在100x100像素可滚动区域之外。我当然意识到,从某种意义上说,这正是我首先告诉外部div溢出时所要求的:auto。但对于我的用例来说,这不是我想要的——我希望弹出菜单“在顶部”并且能够扩展到可滚

html - 是否有可能有一个弹出 div 'breaks out' 溢出 :scroll or overflow:auto container?

我有一个包含弹出菜单的可滚动区域。从概念上讲,是这样的:...contentherethat'sbigenoughtotriggerscrollbars...Clickhere...morecontent.Thisdivgetsshownandhiddenbyjqueryonclickevents.问题是,当弹出菜单弹出时,它也包含在滚动div中,并且无论我将z-index设置多高都不会出现在100x100像素可滚动区域之外。我当然意识到,从某种意义上说,这正是我首先告诉外部div溢出时所要求的:auto。但对于我的用例来说,这不是我想要的——我希望弹出菜单“在顶部”并且能够扩展到可滚

javascript - "Scroll"长文本输入的最右边

我有一个图像选择器,允许从图库中选择图像,然后将URL填入field。URL可能非常长,总是在文本字段中看到URL的前半部分没有什么信息值(value)。有人知道一种方法可以“滚动”到文本字段的最右侧,以便URL的结尾而不是开头可见吗?无需借助文本区域。 最佳答案 除IE6-8/Opera之外的所有浏览器设置HTMLInputElement.setSelectionRange()明确设置focus()后输入值的长度。缺点是一旦模糊就会回滚到开始。varfoo=document.getElementById("foo");foo.va

javascript - "Scroll"长文本输入的最右边

我有一个图像选择器,允许从图库中选择图像,然后将URL填入field。URL可能非常长,总是在文本字段中看到URL的前半部分没有什么信息值(value)。有人知道一种方法可以“滚动”到文本字段的最右侧,以便URL的结尾而不是开头可见吗?无需借助文本区域。 最佳答案 除IE6-8/Opera之外的所有浏览器设置HTMLInputElement.setSelectionRange()明确设置focus()后输入值的长度。缺点是一旦模糊就会回滚到开始。varfoo=document.getElementById("foo");foo.va