All Questions
11,388
questions
1
vote
1
answer
2k
views
React.js and horizontal IScroll 5 with dynamic width
I cannot make IScroll to work with React.js.
var SubHeaderMenu = React.createClass({
getDefaultProps: function () {
return {items: []};
},
componentDidMount: function () {
if (this.props....
- 21.2k
11
votes
1
answer
12k
views
react.js - React-router dealing with fixed headers and footers
I have React.js app flavored with react-router, I have a doubt regarding my current routes handling.
Design looks as follows, common mobile layout, fixed header and footer, content in the middle:
...
- 21.2k
22
votes
6
answers
75k
views
a hover button in react.js
i would like to ask how to make a button but when the mouse is on the button (hover),the new button is displayed above the previous button... and it's in react.js.. thx
this is the way of my code..
...
- 221
2
votes
2
answers
504
views
How do I make a single child div scroll?
I am trying to create a page layout where most of the page is static and only the contents of a single div scroll. For simplicity, I am starting with two divs "header" and "content", but I don't want ...
- 5,895
13
votes
3
answers
14k
views
React Component and CSSTransitionGroup
early days with Facebook ReactJS. Simple CSS fade-in transition. It works as expected with ReactJS v0.5.1. It doesn't with v11.1, v12.0, v12.1. Here's the CSS and JSX:
CSS
.example-enter {
opacity:...
- 2,267
0
votes
0
answers
223
views
fixed floating elements inside table cell on mobile
I am using react JS to design a page where I need some of the elements to stick to the top if they are going to be scrolled off the screen. I have been doing this using position:fixed, and it works ...
- 5,895
64
votes
9
answers
45k
views
What's a react.js-friendly way to animate a list-reordering?
I have a list of items with scores, ordered by scores, rendered by react.js as a vertically-oriented list of rectangular items (highest scores at top). Hovers and other clicks on the individual items ...
- 53.7k
7
votes
2
answers
23k
views
ReactJS: Toggle class for css transition
I need to toggle on a css class after a component (or even the page) is completely rendered, so that relevant properties are animated on page load.
How do I go about doing this, preferably without ...
- 9,035
8
votes
2
answers
5k
views
How can I apply fallback style properties to a React JS component?
I would like to apply fallback style properties to a component. For instance:
var inlineStyle = {
display: '-webkit-box',
display: '-webkit-flex',
display: '-moz-box',
display: '-moz-...
- 208
6
votes
1
answer
9k
views
ReactJs Modal Using Javascript and CSS
How to append reactjs modal window with body end tag to set the modal positioning absolute with body tag.
Here is example added inside the another component.
<div className="modal">
<p>...
- 63
43
votes
2
answers
189k
views
React img tag issue with url and class
I have the following simple react code in my JSX file:
/** @jsx React.DOM */
var Hello = React.createClass({
render: function() {
return <div><img src='http://placehold.it/...
- 4,382
3
votes
1
answer
7k
views
How to clone a React Component (to append somewhere else) using React.js instead of JQuery.js
I am working on some fieldsets using React.js + Backbone.js.
I have a table containing many columns and rows. Task is to make first column fixed whenever number of columns are greater than to show on ...
- 113
5
votes
1
answer
9k
views
Custom image toggle button in ReactJS
I have this ReactJS code to show a custom image button that toggles between 2 different images for ON and OFF state. Is there a simpler way to do this? I was hoping CSS might be less lines of code, ...
- 5,615
4
votes
1
answer
6k
views
ReactJS component: fadeIn / fadeOut on mouse-enter / mouse-leave
I've created a simple component on reactjs (kind of a value-picker: plunker)
Now, I want the upper and lower parts of the control to be hidden (opacity=0) and animate to opacity=1 when user hovers ...
- 4,665
19
votes
4
answers
11k
views
React.js: Non-CSS animations
React documentation doesn’t have anything about handling animations that are not CSS transitions, such as animation of scroll position and SVG attributes.
As for CSS transitions, there is an add-on.
...
- 15.1k